@charset "UTF-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/resources/fonts/NanumGothic-Regular.eot);
  src: url(/resources/fonts/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"), url(/resources/fonts/NanumGothic-Regular.woff2) format("woff2"), url(/resources/fonts/NanumGothic-Regular.woff) format("woff"), url(/resources/fonts/NanumGothic-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 600;
  src: url(/resources/fonts/NanumGothic-Bold.eot);
  src: url(/resources/fonts/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"), url(/resources/fonts/NanumGothic-Bold.woff2) format("woff2"), url(/resources/fonts/NanumGothic-Bold.woff) format("woff"), url(/resources/fonts/NanumGothic-Bold.ttf) format("truetype"); }

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 900;
  src: url(/resources/fonts/NanumGothic-ExtraBold.eot);
  src: url(/resources/fonts/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/resources/fonts/NanumGothic-ExtraBold.woff2) format("woff2"), url(/resources/fonts/NanumGothic-ExtraBold.woff) format("woff"), url(/resources/fonts/NanumGothic-ExtraBold.ttf) format("truetype"); }

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 14px; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

address, em {
  font-style: normal; }

fieldset, img {
  border: 0 none; }

table {
  border-spacing: 0;
  width: 100%;
  border-collapse: collapse;
  word-break: keep-all; }

ol, ul, li {
  list-style: none;
  overflow: hidden; }

* {
  font-family: 'Nanum Gothic', '돋움', Dotum, sans-serif;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-size: 14px;
  background-color: #fff;
  color: #333;
  height: 100%; }

a {
  color: #333;
  text-decoration: none; }
  a.underline {
    text-decoration: underline; }

a:hover, a:focus {
  text-decoration: none; }

img {
  vertical-align: middle; }

input[type=text], input[type=button], input[type=password], input[type=number], input[type=submit], select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none; }

input, select {
  vertical-align: middle;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #616161;
  background: #fff; }

a, label {
  vertical-align: middle; }

select {
  padding-left: 8px;
  height: 35px;
  background: #fff url("/resources/images/icons/ico_selecbox.png") no-repeat 96% 50%;
  background-size: 8px; }

input[type=text], input[type=password], input[type=number], input[type=file] {
  padding-left: 5px;
  height: 35px; }

input[type=button], input[type=submit] {
  cursor: pointer; }

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer; }

textarea {
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #616161;
  padding: 5px; }

textarea::placeholder {
  color: #9d9d9d; }

i {
  vertical-align: middle; }

.offscreen {
  position: absolute;
  top: -1000px;
  left: -9999px;
  z-index: -9999; }

.offscreen-caption {
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

input::placeholder {
  color: #9d9d9d; }

/*
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-button {display: block; height:0px; background:#fff;}
::-webkit-scrollbar-track {background:#ffffff;}
::-webkit-scrollbar-thumb {height: 10px; width: 10px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow:#ffc0cb; background:#4d8bd9;}//background:#1468cf;
*/
.red {
  color: #cf0000; }

.dodger-blue {
  color: #1880c5; }

.main-blue {
  color: #164782; }

.dark-green {
  color: #008c87; }

.dark-blue {
  color: #213152; }

.bright-green {
  color: #1bc8b1; }

.middle-green {
  color: #028d92; }

.c-main-blue1 {
  color: #2386c8; }

.c-main-blue4 {
  color: #065990; }

.c-main-green {
  color: #1b818c; }

.li-main-blue {
  color: #2469b3; }

.fw600 {
  font-weight: 600; }

.dis-n {
  display: none; }

.dis-i {
  display: inline; }

.dis-ib {
  display: inline-block; }

.dis-b {
  display: block; }

.dis-t {
  display: table; }

.dis-tr {
  display: table-row; }

.dis-tc {
  display: table-cell; }

.vh {
  visibility: hidden; }

.v-mid {
  vertical-align: middle; }

.v-top {
  vertical-align: top; }

.fr {
  float: right; }

.fl {
  float: left; }

.clear {
  clear: both; }

.a-left {
  text-align: left; }

.a-right {
  text-align: right; }

.a-center {
  text-align: center; }

.po-r {
  position: relative; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt100 {
  margin-top: 100px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb70 {
  margin-bottom: 70px; }

.ml10 {
  margin-left: 10px; }

.ml30 {
  margin-left: 30px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr30 {
  margin-right: 30px; }

.w56 {
  width: 56px; }

.w60 {
  width: 60px; }

.w70 {
  width: 70px; }

.w80 {
  width: 80px; }

.w90 {
  width: 90px; }

.w100 {
  width: 100px; }

.w120 {
  width: 120px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w250 {
  width: 250px; }

.w300 {
  width: 300px; }

.w254 {
  width: 254px; }

.w325 {
  width: 325px; }

.mw150 {
  min-width: 150px; }

.wp20 {
  width: 20%; }

.wp25 {
  width: 25%; }

.wp40 {
  width: 40%; }

.wp45 {
  width: 45%; }

.wp50 {
  width: 50%; }

.wp60 {
  width: 60%; }

.wp80 {
  width: 80%; }

.wp100 {
  width: 100%; }

.req {
  color: red; }

@media screen and (max-width: 1024px) {
  .dis-n-t {
    display: none; }
  .dis-ib-t {
    display: inline-block; }
  .dis-b-t {
    display: block; }
  .dis-i-t {
    display: inline; }
  .dis-tc-t {
    display: table-cell; }
  .dis-tcg-t {
    display: table-column-group; } }

@media screen and (max-width: 768px) {
  .dis-n-m {
    display: none; }
  .dis-b-m {
    display: block; }
  .dis-i-m {
    display: inline; }
  .dis-ib-m {
    display: inline-block; }
  .dis-tc-m {
    display: table-cell; }
  .dis-tcg-m {
    display: table-column-group; }
  .mmt5 {
    margin-top: 5px; }
  .mmt30 {
    margin-top: 30px; }
  .mmb5 {
    margin-bottom: 5px; }
  .mmb10 {
    margin-bottom: 10px; }
  .mmb50 {
    margin-bottom: 50px; }
  .wbirth {
    width: 20%; }
  .wtel {
    width: 30%; }
  .wmail {
    width: 44%; }
  .mwtime {
    width: 250px; }
  .mwp30 {
    width: 30%; }
  .mwp45 {
    width: 45%; }
  .mwp48 {
    width: 48%; }
  .mwp98 {
    width: 98%; }
  .mwp100 {
    width: 100%; } }

@media screen and (max-width: 640px) {
  .dis-n-ml {
    display: none; }
  .dis-b-ml {
    display: block; }
  .dis-ib-ml {
    display: inline-block; } }

@media screen and (max-width: 425px) {
  .dis-n-mm {
    display: none; }
  .dis-b-mm {
    display: block; }
  .wtel {
    width: 29%; } }

@media screen and (max-width: 320px) {
  .dis-n-mxs {
    display: none; }
  .dis-i-mxs {
    display: inline-block; }
  .wtel {
    width: 28%; } }

.btn {
  display: inline-block;
  outline: none;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 13px;
  color: #fff;
  font-weight: 400; }

.btn-login {
  border: 1px solid #065990;
  background: #065990;
  text-align: center;
  width: 100px;
  font-size: 16px;
  color: #fff;
  font-weight: 600; }

.btn-black {
  background: #333;
  text-align: center;
  width: 90px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .btn-black {
      width: 80px; } }

.btn-real-black {
  border: 1px solid #000;
  background: #000;
  padding: 7px 10px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-weight: 600; }

.btn-green {
  border: 1px solid #1b818c;
  background: #1b818c;
  text-align: center;
  width: 90px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  @media screen and (max-width: 768px) {
    .btn-green {
      width: 80px; } }
  .btn-green.auto {
    width: auto;
    height: auto;
    line-height: normal;
    padding: 10px 20px; }

.btn-blue {
  border: 1px solid #065990;
  background: #065990;
  text-align: center;
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  font-weight: 600; }
  .btn-blue.auto {
    width: auto;
    height: auto;
    line-height: normal;
    padding: 10px 20px; }
  .btn-blue.small {
    padding: 10px 0;
    width: 100px;
    height: auto;
    line-height: normal; }

.btn-gray {
  border: 1px solid #888;
  background: #888;
  text-align: center;
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  color: #fff;
  font-weight: 600; }
  .btn-gray.auto {
    width: auto;
    height: auto;
    line-height: normal;
    padding: 10px 20px; }
  .btn-gray.small {
    padding: 10px 0;
    width: 100px;
    height: auto;
    line-height: normal; }

.btn-white {
  border: 1px solid #888;
  background: #fff;
  text-align: center;
  width: 150px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  color: #888;
  font-weight: 600;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
  .btn-white.form {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 0 20px;
    width: auto;
    height: 35px;
    line-height: 35px; }
    @media screen and (max-width: 768px) {
      .btn-white.form {
        font-size: 13px; }
        .btn-white.form.mwp100 {
          width: 100%; } }
  .btn-white.bold {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 0 20px;
    color: #656565;
    font-weight: 400;
    width: auto;
    height: 35px;
    line-height: 34px; }
    @media screen and (max-width: 768px) {
      .btn-white.bold {
        font-size: 13px; } }
  .btn-white.round {
    border: 1px solid #ddd;
    padding: 0 25px;
    color: #333;
    width: auto;
    height: 35px;
    line-height: 33px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }
  .btn-white.narrow {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 5px 20px;
    width: auto;
    height: auto;
    line-height: normal;
    color: #333;
    font-weight: 400;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    @media screen and (max-width: 768px) {
      .btn-white.narrow {
        padding: 5px 10px; } }
  .btn-white.auto {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    width: auto;
    height: auto;
    line-height: normal;
    color: #888;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      .btn-white.auto {
        font-size: 13px; } }
  .btn-white.blue {
    color: #065990;
    border: 1px solid #ddd;
    padding: 5px 10px;
    width: auto;
    height: auto;
    line-height: normal; }
    @media screen and (max-width: 768px) {
      .btn-white.blue {
        font-size: 13px; } }
  .btn-white.wp100 {
    width: 100%; }

.btn-transper {
  border: 1px solid #888;
  padding: 0 10px;
  text-align: left;
  width: 280px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600; }
  .btn-transper.green {
    color: #1b818c;
    background-color: #fff;
    background-image: url("/resources/images/icons/ico_arrow_right_g.png");
    background-position: 97% 54%;
    background-repeat: no-repeat;
    background-size: initial; }
  .btn-transper.blue {
    color: #065990;
    background-color: #fff;
    background-image: url("/resources/images/icons/ico_arrow_right.png");
    background-position: 97% 54%;
    background-repeat: no-repeat;
    background-size: initial; }
  @media screen and (max-width: 768px) {
    .btn-transper {
      font-size: 15px;
      width: 270px; } }

.btn-img {
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  width: 35px;
  height: 35px; }

.round-box {
  display: inline-block;
  background: #065990;
  text-align: center;
  padding: 0 10px;
  width: auto;
  height: 25px;
  line-height: 24px;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px; }
  @media screen and (max-width: 768px) {
    .round-box {
      font-size: 14px;
      height: 22px;
      line-height: 21px; } }

.round100-box {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px; }
  .round100-box.blue {
    background: #065990; }
  .round100-box.green {
    background: #1b818c; }

i {
  display: inline-block; }
  i + span, i + a {
    vertical-align: middle; }

.ico-user {
  width: 25px;
  height: 25px;
  background-image: url("/resources/images/job/icons/ico_user.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-plus {
  margin-top: -2px;
  width: 15px;
  height: 15px;
  background-image: url("/resources/images/job/icons/ico_plus.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-check {
  width: 15px;
  height: 15px; }
  .ico-check.blue {
    background-image: url("/resources/images/job/icons/ico_check_blue.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial; }
  .ico-check.green {
    background-image: url("/resources/images/job/icons/ico_check_green.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial; }

.ico-next {
  width: 14px;
  height: 14px;
  background-image: url("/resources/images/job/icons/ico_next.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-prev {
  width: 14px;
  height: 14px;
  background-image: url("/resources/images/job/icons/ico_prev.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-tel {
  width: 30px;
  height: 20px;
  background-image: url("/resources/images/job/icons/ico_tel.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-must {
  width: 30px;
  height: 20px;
  background-image: url("/resources/images/job/icons/ico_must.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-modify {
  margin-right: 5px;
  width: 17px;
  height: 16px;
  background-image: url("/resources/images/job/icons/ico_modify.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-more {
  margin-left: 5px;
  width: 17px;
  height: 16px;
  background-image: url("/resources/images/job/icons/ico_more.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

/*중앙회 아이콘*/
.ico-new {
  vertical-align: top;
  margin-top: 2px;
  width: 16px;
  height: 15px;
  background-image: url("/resources/images/icons/ico_new.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-doctor {
  margin-right: 7px;
  width: 20px;
  height: 21px;
  background-image: url("/resources/images/icons/ico_doctor_g.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-stu {
  margin-right: 7px;
  width: 21px;
  height: 21px;
  background-image: url("/resources/images/icons/ico_stu_g.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-arrow-right {
  margin-left: 7px;
  width: 16px;
  height: 16px;
  background-image: url("/resources/images/icons/ico_arrow_right.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial;
  background-size: 7px; }

.ico-move {
  margin-left: 7px;
  border-radius: 10px;
  width: 18px;
  height: 18px;
  background-color: #2386c8;
  background-image: url("/resources/images/icons/ico_arrow_right_w.png");
  background-position: center center;
  background-repeat: no-repeat; }
  .ico-move:hover {
    background-color: #1e75ae;
    background-image: url("/resources/images/icons/ico_arrow_right_w.png");
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease; }
  .ico-move:active {
    background-color: #144c71;
    background-image: url("/resources/images/icons/ico_arrow_right_w.png");
    background-position: center center;
    background-repeat: no-repeat; }

.ico-up {
  width: 18px;
  height: 18px;
  background-image: url("/resources/images/icons/ico_up.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-comment {
  margin-right: 3px;
  width: 18px;
  height: 15px;
  background-image: url("/resources/images/icons/ico_comment.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-out {
  margin-right: 7px;
  width: 18px;
  height: 18px;
  background-image: url("/resources/images/icons/ico_out.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-number {
  width: 20px;
  height: 20px; }
  .ico-number.num1 {
    background-image: url("/resources/images/icons/ico_number1.png");
    background-position: center 1px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ico-number.num2 {
    background-image: url("/resources/images/icons/ico_number2.png");
    background-position: center 1px;
    background-repeat: no-repeat;
    background-size: initial; }
  @media screen and (max-width: 768px) {
    .ico-number {
      width: 18px;
      height: 18px; }
      .ico-number.num1, .ico-number.num2 {
        background-size: 15px; } }

.ico-download-blue {
  width: 13px;
  height: 15px;
  background-image: url("/resources/images/icons/ico_download_blue.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: initial; }

.ico-best {
  text-align: center;
  padding: 3px 5px;
  background: #1b818c;
  width: 40px;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  font-weight: 600; }

/*
.swiper-container {
  @include wh(100%, 240px);
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  !* Center slide text vertically *!
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  !*border:1px solid #ccc;
  width:100%;
  height:240px;*!
}

.swiper-pagination-fraction{
  display:inline-block;
  width:auto !important;
  top:20px;
  right:0;
  left:auto !important;
  bottom:auto !important;
}*/
@media screen and (max-width: 1024px) {
  html .overflow-h, body .overflow-h {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed; } }

.wrapper {
  min-width: 320px;
  /*  min-width:1300px;
  overflow-x:auto;*/ }

.layer-mask {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 1024px) {
    .layer-mask.show {
      display: block; } }

.header {
  z-index: 99; }

.header-top {
  background: #0d3781;
  overflow: hidden; }
  .header-top .maxwrap {
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto; }

.header-top-inner {
  float: right; }
  .header-top-inner select {
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #22b8c8;
    background-image: url("/resources/images/icons/ico_selecbox_w.png");
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: 8px; }

.header-top__ul {
  padding: 8px 0;
  float: left;
  margin-right: 20px; }
  .header-top__ul li {
    float: left; }
  .header-top__ul a {
    display: inline-block;
    padding-left: 20px;
    font-size: 12px;
    color: #fff;
    font-weight: 400; }
    .header-top__ul a:hover {
      font-weight: 600; }

.header-btm {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 1024px) {
    .header-btm {
      z-index: 99;
      background: #fff;
      position: fixed;
      top: 0;
      right: 0;
      left: 0; } }

.header__h1 {
  display: inline-block;
  padding: 19px 0; }
  .header__h1 a {
    display: inline-block;
    overflow: hidden; }
  @media screen and (max-width: 1201px) {
    .header__h1 {
      padding-left: 10px; } }
  @media screen and (max-width: 1024px) {
    .header__h1 {
      padding: 0; } }

.header__nav-pc {
  float: right; }

.header__ul {
  display: inline-block;
  vertical-align: middle; }
  .header__ul li {
    float: left; }
  .header__ul a {
    text-align: center;
    display: inline-block;
    height: 100%;
    padding: 35px 21px 25px 22px;
    font-size: 18px;
    color: #333;
    font-weight: 600; }
    .header__ul a.menu:hover, .header__ul a.active {
      border-bottom: 7px solid #0d3781; }
  @media screen and (max-width: 1201px) {
    .header__ul a:hover, .header__ul a.active {
      border-bottom: none; } }

.img-sitemap {
  margin-top: -4px; }

.allnav {
  overflow: hidden;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 100%;
  background: #fff;
  z-index: 9;
  box-shadow: 0 3px 5px rgba(90, 90, 90, 0.3);
  -webkit-box-shadow: 0 3px 5px rgba(90, 90, 90, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(90, 90, 90, 0.3);
  position: absolute;
  top: 120px; }
  @media screen and (max-width: 1201px) {
    .allnav {
      display: none; } }

.allnav-bg {
  width: 40%;
  z-index: -999;
  background: #eff5fe;
  position: absolute;
  top: 0;
  bottom: 0; }

.allnav-inner {
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }

.allnav-explain {
  display: inline-block;
  padding: 50px 0 0 15px;
  float: left;
  position: absolute;
  width: 330px;
  height: 380px; }
  .allnav-explain.intro {
    background-image: url("/resources/images/bg_allnav_intro.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-explain.kpta {
    background-image: url("/resources/images/bg_allnav_kpta.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-explain.notice {
    background-image: url("/resources/images/bg_allnav_notice.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-explain.openinfo {
    background-image: url("/resources/images/bg_allnav_openinfo.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-explain.community {
    background-image: url("/resources/images/bg_allnav_community.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-explain.customer {
    background-image: url("/resources/images/bg_allnav_customer.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-explain .explain-title {
    padding-bottom: 40px;
    position: relative;
    font-size: 30px;
    color: #0d3781;
    font-weight: 600; }
    .allnav-explain .explain-title:after {
      content: "";
      position: absolute;
      top: 70%;
      left: 0;
      width: 20px;
      height: 1px;
      background: #0d3781; }
  .allnav-explain .explain-sub {
    line-height: 20px;
    font-size: 13px;
    color: #656565;
    font-weight: 400; }

.allnav__nav {
  float: left;
  width: 100%;
  margin-left: 330px; }

/*.allnav-dept1__ul{
  height:350px;
  padding:30px 0;
  border-left:1px solid $eee;
  @include background($white);

  & > li{
    height:100%;
    float:left;
    border-right:1px solid $eee;
    &:last-child{
      border-right:none;
    }
  }
}
.allnav-dept2__ul{
    &>li>a{
      display:inline-block;
      width:100%;
      padding:15px 10px;
      @include font-style(16px, $c-main-blue4, 600);
    }
}

.allnav-dept3__ul{
  &> li{
    padding-left:9px;
  }

  &>li>a{
    display:inline-block;
    width:100%;
    padding:5px 0 5px 7px;
    @include background(false, "/resources/images/icons/bul_gray.png", 0 center);
    @include font-style(14px, $gray);
  }

  &>li:first-child>a{
    padding-top:0;
  }
}
*/
.allnav-dept1__ul {
  max-width: 850px;
  min-height: 440px;
  padding: 30px 0 30px 83px;
  background-color: #fff;
  background-image: url("/resources/images/icons/bg_circle_logo_large.png");
  background-position: right 0 bottom -100px;
  background-repeat: no-repeat;
  background-size: 250px; }
  .allnav-dept1__ul > li {
    float: left;
    padding: 0 20px; }
    .allnav-dept1__ul > li:hover .allnav-dept1__label {
      color: #fff;
      background: #065990; }

.allnav-dept1__label {
  border: 1px solid #065990;
  padding: 10px;
  display: inline-block;
  width: 150px;
  font-size: 16px;
  color: #065990;
  font-weight: 600; }

.allnav-dept2__ul {
  padding: 10px 15px;
  min-height: 150px; }
  .allnav-dept2__ul.small {
    min-height: 60px; }
  .allnav-dept2__ul li {
    background-image: url("/resources/images/icons/bul_gray.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: initial; }
  .allnav-dept2__ul a {
    display: inline-block;
    width: 100%;
    padding: 5px 8px;
    font-size: 14px;
    color: #555;
    font-weight: 600; }
    .allnav-dept2__ul a:hover {
      color: #065990;
      text-decoration: underline; }

.mobile-navi-wrap {
  display: none; }

@media screen and (max-width: 1024px) {
  .header__nav-pc {
    display: none; }
  .header-btm {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ddd; }
  .img-logo {
    width: 200px; }
  /*모바일에서만 존재*/
  .header__nav-m {
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 10px;
    bottom: 20px; }
  .header__btn-menu {
    display: inline-block;
    text-align: right;
    width: 33px;
    height: 36px;
    background-image: url("/resources/images/icons/ico_sitemap.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%; }
  .mobile-navi-wrap {
    display: block;
    background: #065990;
    max-width: 430px;
    width: 80%;
    z-index: 99;
    position: fixed;
    top: 74px;
    right: -1200px;
    bottom: 0; }
    .mobile-navi-wrap.scroll {
      position: absolute;
      overflow-y: auto; } }
  @media screen and (max-width: 1024px) and (max-width: 320px) {
    .mobile-navi-wrap {
      width: 100%; } }

@media screen and (max-width: 1024px) {
  .before-login.mobile-navi-top {
    text-align: center;
    padding: 20px 20px 25px;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6; }
    .before-login.mobile-navi-top .explain-title {
      margin-bottom: 15px;
      font-size: 20px;
      font-weight: 600; }
    .before-login.mobile-navi-top .explain-sub {
      line-height: 20px;
      font-size: 14px;
      font-weight: 400; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    .before-login.mobile-navi-top {
      padding: 20px; }
      .before-login.mobile-navi-top .explain-title {
        font-size: 17px; }
      .before-login.mobile-navi-top .explain-sub {
        margin-bottom: 10px; } }

@media screen and (max-width: 1024px) {
  .before-login .mobile-navi-top__ul {
    margin-top: 15px; }
    .before-login .mobile-navi-top__ul li {
      float: left;
      width: 49%;
      margin-right: 2%; }
      .before-login .mobile-navi-top__ul li:last-child {
        margin-right: 0; }
    .before-login .mobile-navi-top__ul .btn {
      width: 100%;
      font-size: 16px;
      line-height: normal;
      height: auto;
      padding: 10px 0; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    .before-login .mobile-navi-top__ul .btn {
      font-size: 14px; } }

@media screen and (max-width: 1024px) {
  .after-login.mobile-navi-top {
    position: relative;
    padding: 20px 20px 60px;
    border-bottom: 1px solid #ddd;
    background-color: #f6f6f6;
    background-image: url("/resources/images/bg_m_left.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: initial; }
    .after-login.mobile-navi-top .explain-title {
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 600; }
    .after-login.mobile-navi-top .explain-sub {
      line-height: 20px;
      font-size: 14px;
      font-weight: 400; } }
  @media screen and (max-width: 1024px) and (max-width: 768px) {
    .after-login.mobile-navi-top {
      padding: 15px 15px 50px; }
      .after-login.mobile-navi-top .explain-title {
        margin-bottom: 10px;
        font-size: 16px; }
      .after-login.mobile-navi-top .explain-sub {
        margin-bottom: 10px;
        font-size: 13px; } }

@media screen and (max-width: 1024px) {
  .after-login .mobile-navi-top__ul {
    background: #888;
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0; }
    .after-login .mobile-navi-top__ul li {
      float: left;
      width: 50%; }
    .after-login .mobile-navi-top__ul a {
      display: inline-block;
      text-align: center;
      position: relative;
      width: 100%;
      height: 45px;
      line-height: 45px;
      font-size: 15px;
      color: #fff;
      font-weight: 600; }
    .after-login .mobile-navi-top__ul .bar {
      position: absolute;
      top: 50%;
      right: -5px;
      margin-top: -8px;
      height: 15px; }
  .mobile-navi-dept1 p > a {
    color: #fff;
    border-bottom: 1px solid #043b5f;
    background-color: #065990;
    background-image: url("/resources/images/icons/ico_arrow_right_leftmenu.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: initial; }
    .mobile-navi-dept1 p > a.active {
      background-color: #065990;
      background-image: url("/resources/images/icons/ico_arrow_down_leftmenu.png");
      background-position: 95% center;
      background-repeat: no-repeat;
      background-size: initial; }
  .mobile-navi-dept1 a {
    display: inline-block;
    width: 100%;
    padding: 15px 0 15px 20px;
    text-align: left;
    font-size: 15px;
    color: #555;
    font-weight: 600; } }
  @media screen and (max-width: 1024px) and (max-width: 425px) {
    .mobile-navi-dept1 a {
      font-size: 16px; } }

@media screen and (max-width: 1024px) {
  .mobile-navi-dept1 .mobile-navi-dept2 {
    background: #fff; }
    .mobile-navi-dept1 .mobile-navi-dept2 a {
      border-bottom: 1px solid #ddd; }
  .mobile-navi-dept1 .mobile-navi-dept3 {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px; }
    .mobile-navi-dept1 .mobile-navi-dept3 a {
      border-bottom: none;
      padding: 0;
      margin-bottom: 15px;
      font-size: 14px;
      font-weight: 400; }
    .mobile-navi-dept1 .mobile-navi-dept3 li:last-child a {
      margin-bottom: 0; } }

.main-visual {
  width: 100%;
  overflow: hidden;
  padding: 30px 0;
  background-color: #f2f8ff;
  background-image: url("/resources/images/center/main/visual_main.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain; }
  @media screen and (max-width: 1201px) {
    .main-visual {
      padding: 30px; } }
  @media screen and (max-width: 1024px) {
    .main-visual {
      margin-top: 74px;
      background-size: cover; } }
  @media screen and (max-width: 768px) {
    .main-visual {
      padding: 20px 15px; } }

.main-visual-inner {
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }

.main-banner {
  width: 100%; }
  .main-banner .swiper-container {
    margin: 0;
    width: 600px;
    height: 340px; }
    @media screen and (max-width: 1201px) {
      .main-banner .swiper-container {
        width: 570px;
        height: 323px; } }
    @media screen and (max-width: 1024px) {
      .main-banner .swiper-container {
        width: 66%; } }
    @media screen and (max-width: 768px) {
      .main-banner .swiper-container {
        width: 100%;
        height: 250px; } }
  .main-banner .swiper-btn-group {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    padding: 12px 0;
    text-align: center;
    background: #2c2c2c;
    width: 95px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px; }
    @media screen and (max-width: 768px) {
      .main-banner .swiper-btn-group {
        bottom: 10px;
        right: 10px; } }
  .main-banner .swiper-button-next, .main-banner .swiper-button-prev, .main-banner .swiper-button-autoplay {
    display: inline-block;
    position: static;
    margin-top: 0;
    width: 8px;
    height: 12px; }
  .main-banner .swiper-button-next {
    background-image: url("/resources/images/icons/ico_arrow_right_w_large.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 8px 12px; }
  .main-banner .swiper-button-prev {
    background-image: url("/resources/images/icons/ico_arrow_left_w_large.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 8px 12px; }
  .main-banner .swiper-button-autoplay {
    padding: 0 15px;
    cursor: pointer;
    background-image: url("/resources/images/icons/ico_autoplay_start.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 12px; }
    .main-banner .swiper-button-autoplay.active {
      background-image: url("/resources/images/icons/ico_autoplay_stop.png"); }

.main-banner-img {
  width: 100%;
  height: 100%; }

.main-login-quick {
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 680px; }
  @media screen and (max-width: 1201px) {
    .main-login-quick {
      left: 580px; } }
  @media screen and (max-width: 1024px) {
    .main-login-quick {
      left: 68%;
      border-top: 1px solid #293f8f; } }
  @media screen and (max-width: 768px) {
    .main-login-quick {
      position: static;
      margin-top: 15px;
      height: auto; } }

.main-login__h1 {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600; }

.main-login__input {
  padding-right: 160px;
  position: relative; }
  .main-login__input .input {
    width: 100%;
    display: block; }
  .main-login__input .btn {
    width: 150px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  @media screen and (max-width: 1201px) {
    .main-login__input {
      padding-right: 137px; }
      .main-login__input .btn {
        width: 127px; } }

.main-login__btn {
  position: relative;
  overflow: hidden;
  padding: 10px 0 15px; }
  .main-login__btn label {
    float: left;
    color: #888; }
    .main-login__btn label input[type=checkbox] {
      margin-left: 0; }
  .main-login__btn a {
    position: absolute; }
    .main-login__btn a.btn1 {
      right: 160px;
      color: #555;
      font-weight: 600; }
    .main-login__btn a.btn2 {
      right: 0; }
  @media screen and (max-width: 1201px) {
    .main-login__btn a.btn1 {
      right: 137px; } }

.main-login, .main-after-login {
  padding: 30px 20px 0; }
  @media screen and (max-width: 1201px) {
    .main-login, .main-after-login {
      padding: 20px 15px 0; } }

.main-after-login {
  background-image: url("/resources/images/icons/bg_circle_logo_small.png");
  background-position: right 45%;
  background-repeat: no-repeat;
  background-size: initial; }

.main-after-login__ul li {
  margin-bottom: 7px;
  font-size: 15px; }

.main-after-login__ul label {
  display: inline-block;
  width: 120px;
  font-weight: 600; }

.main-after-login__btn {
  overflow: hidden;
  margin: 7px 0; }
  .main-after-login__btn a {
    float: left;
    width: 49%;
    height: 40px;
    line-height: 40px; }
    .main-after-login__btn a:first-child {
      margin-right: 2%; }

/*
.main-quick{
  @include media-tab(){
    margin:0;
    position:relative;
    top:48%;
    transform:translate(0, -50%);
  }

  @include media-mob(){
    position:static;
    transform:translate(0,0);
  }
}

마우스오버 변경 으로 삭제
.main-quick__h1{
  @include font-style(16px, $c-main-blue4, 900);
}
.main-quick__p{
  margin:10px 0 20px 0;
  @include font-style(13px, $gray8);
}*/
.main-quick__ul {
  position: absolute;
  width: 100%;
  top: 205px;
  bottom: 0;
  border-top: 2px solid #ddd; }
  .main-quick__ul li {
    float: left;
    width: 25%;
    height: 100%; }
  .main-quick__ul a {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%; }
    .main-quick__ul a > div {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translate(0, -50%); }
    .main-quick__ul a:hover {
      background: #293f8f;
      color: #fff; }
      .main-quick__ul a:hover .quick-img {
        background-color: #fff; }
  .main-quick__ul .quick-img {
    display: inline-block;
    border-radius: 50px;
    background-color: #ebf4fe;
    width: 63px;
    height: 63px; }
    .main-quick__ul .quick-img.img01 {
      background-image: url("/resources/images/center/main/sprite_main_quick.png");
      background-position: 8px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick__ul .quick-img.img02 {
      background-image: url("/resources/images/center/main/sprite_main_quick.png");
      background-position: -62px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick__ul .quick-img.img03 {
      background-image: url("/resources/images/center/main/sprite_main_quick.png");
      background-position: -130px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick__ul .quick-img.img04 {
      background-image: url("/resources/images/center/main/sprite_main_quick.png");
      background-position: -187px center;
      background-repeat: no-repeat;
      background-size: initial; }
  .main-quick__ul h2 {
    padding-top: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600; }
  @media screen and (max-width: 1201px) {
    .main-quick__ul label {
      font-size: 14px; } }
  @media screen and (max-width: 1024px) {
    .main-quick__ul {
      top: 0;
      border-top: none; }
      .main-quick__ul li {
        width: 50%;
        height: 50%;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd; }
        .main-quick__ul li.lst {
          border-bottom: none; } }
  @media screen and (max-width: 768px) {
    .main-quick__ul {
      position: static; }
      .main-quick__ul li {
        width: 25%;
        height: 100%;
        border-bottom: none; }
        .main-quick__ul li:last-child {
          border-right: none; }
      .main-quick__ul a > div {
        position: static;
        transform: translate(0, 0);
        padding: 5px 0 10px 0; }
      .main-quick__ul .quick-img {
        transform: scale(0.8); }
      .main-quick__ul h2 {
        font-size: 13px;
        padding-top: 0; } }

.main-notice-box {
  padding: 30px 0; }
  @media screen and (max-width: 768px) {
    .main-notice-box {
      padding: 20px 0; } }

.main-content {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 1201px) {
    .main-content {
      padding: 0 20px; } }
  @media screen and (max-width: 1024px) {
    .main-content {
      padding: 0 30px; } }
  @media screen and (max-width: 768px) {
    .main-content {
      padding: 0 15px; } }

.main-notice {
  width: 60%;
  float: left; }
  .main-notice .btn-more-m {
    display: none; }
  @media screen and (max-width: 1024px) {
    .main-notice {
      width: 100%;
      float: none; }
      .main-notice .btn-more-m {
        width: 100%;
        display: block;
        border: 1px solid #ccc;
        margin-top: 10px;
        color: #888;
        font-weight: 400; } }

.main-notice-btn__ul {
  border: 1px solid #ccc;
  background: #fafafa;
  position: relative;
  padding-right: 50px; }
  .main-notice-btn__ul li {
    float: left;
    width: 25%;
    border-right: 1px solid #ccc; }
    .main-notice-btn__ul li.active {
      border-color: #293f8f; }
    .main-notice-btn__ul li.active a:not(.btn-more), .main-notice-btn__ul li:hover a:not(.btn-more) {
      background: #293f8f;
      color: #fff; }
    .main-notice-btn__ul li.bd-no {
      border-right: none; }
  .main-notice-btn__ul .tab {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #656565;
    font-weight: 600; }
  .main-notice-btn__ul .btn-more {
    background-color: #fff;
    background-image: url("/resources/images/icons/ico_more.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #ccc; }
  @media screen and (max-width: 1024px) {
    .main-notice-btn__ul {
      padding-right: 0;
      border-right: none; }
      .main-notice-btn__ul li.bd-no {
        border-right: 1px solid #ccc; } }
  @media screen and (max-width: 768px) {
    .main-notice-btn__ul {
      border: none;
      padding-right: 0; }
      .main-notice-btn__ul li {
        width: 50%;
        border: 1px solid #ccc; }
        .main-notice-btn__ul li.active {
          border: 1px solid #293f8f; }
        .main-notice-btn__ul li:nth-child(2n) {
          border-left: none; }
        .main-notice-btn__ul li:nth-of-type(3), .main-notice-btn__ul li:nth-of-type(4) {
          border-top: none; }
      .main-notice-btn__ul .tab {
        font-size: 14px;
        width: 100%;
        height: 45px;
        line-height: 45px; } }

.main-notice-top {
  background-color: #fff;
  background-image: url("/resources/images/icons/bg_loud.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: initial;
  padding: 25px 0 25px 80px;
  border-bottom: 1px solid #ddd; }
  .main-notice-top .notice-title {
    margin-bottom: 10px;
    position: relative;
    padding-right: 80px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .main-notice-top .notice-title .date {
      position: absolute;
      right: 0;
      top: 3px;
      font-size: 13px;
      color: #888;
      font-weight: 400; }
    .main-notice-top .notice-title a:hover {
      color: #001d57;
      font-weight: 600;
      text-decoration: underline; }
  .main-notice-top .notice-contents {
    font-size: 15px;
    color: #888;
    font-weight: 400;
    width: 100%;
    line-height: 20px;
    max-height: 40px; }
  @media screen and (max-width: 768px) {
    .main-notice-top {
      background-size: 50px;
      padding: 20px 0 20px 60px; }
      .main-notice-top .notice-contents {
        font-size: 14px; } }

.main-notice__ul {
  padding: 20px 0 10px 10px; }
  .main-notice__ul li {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 80px;
    position: relative;
    font-size: 15px;
    color: #888;
    font-weight: 400;
    background-image: url("/resources/images/icons/bul_blue_point.png");
    background-position: left 10px;
    background-repeat: no-repeat;
    background-size: initial; }
    .main-notice__ul li:last-child {
      margin-bottom: 0; }
  .main-notice__ul a {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #888;
    font-weight: 400; }
    .main-notice__ul a:hover {
      color: #001d57;
      font-weight: 600;
      text-decoration: underline; }
  .main-notice__ul .date {
    position: absolute;
    right: 0;
    top: 0; }

.main-notice-right__ul {
  width: 40%;
  float: left;
  padding-left: 20px; }
  .main-notice-right__ul li {
    height: 155px;
    border: 1px solid #ddd; }
    .main-notice-right__ul li:first-child {
      border-bottom: none; }
  .main-notice-right__ul .bg {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 55%;
    transform: translate(0, -50%);
    border-radius: 90px;
    width: 95px;
    height: 95px; }
  .main-notice-right__ul a {
    padding: 0 30px;
    height: 100%; }
    .main-notice-right__ul a.bg01 .bg {
      background-color: #d1e8fb;
      background-image: url("/resources/images/center/main/sprite_main_notice_right.png");
      background-position: 18px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-notice-right__ul a.bg02 .bg {
      background-color: #fbe4cd;
      background-image: url("/resources/images/center/main/sprite_main_notice_right.png");
      background-position: -100px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-notice-right__ul a.bg03 .bg {
      background-color: #fbe4cd;
      background-image: url("/resources/images/global/main/ico_mainNotice_right01.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-notice-right__ul a.bg04 .bg {
      background-color: #d1e8fb;
      background-image: url("/resources/images/global/main/ico_mainNotice_right02.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-notice-right__ul a.bg01:hover {
      background: #d1e8fb; }
      .main-notice-right__ul a.bg01:hover .bg {
        background-color: #8fc1ea; }
      .main-notice-right__ul a.bg01:hover .desc {
        color: #656565; }
    .main-notice-right__ul a.bg02:hover {
      background: #fbe4cd; }
      .main-notice-right__ul a.bg02:hover .bg {
        background-color: #f18e37; }
      .main-notice-right__ul a.bg02:hover .desc {
        color: #656565; }
    .main-notice-right__ul a.bg03 .desc, .main-notice-right__ul a.bg04 .desc {
      color: #656565; }
    .main-notice-right__ul a.bg03:hover {
      background: #fbe4cd; }
      .main-notice-right__ul a.bg03:hover .bg {
        background-color: #f18e37; }
    .main-notice-right__ul a.bg04:hover {
      background: #d1e8fb; }
      .main-notice-right__ul a.bg04:hover .bg {
        background-color: #8fc1ea; }
  .main-notice-right__ul .main-notice-right-inner {
    padding: 40px 120px 40px 0;
    position: relative;
    width: 100%;
    height: 100%; }
  .main-notice-right__ul .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600; }
  .main-notice-right__ul .desc {
    line-height: 22px;
    font-size: 15px;
    color: #888; }
  @media screen and (max-width: 1024px) {
    .main-notice-right__ul {
      width: 100%;
      float: none;
      padding-left: 0;
      margin-top: 20px; }
      .main-notice-right__ul .bg {
        top: 50%; }
      .main-notice-right__ul li {
        float: left;
        width: 50%; }
        .main-notice-right__ul li:first-child {
          border-bottom: 1px solid #ddd;
          border-right: none; }
      .main-notice-right__ul .main-notice-right-inner {
        padding: 30px 120px 30px 0; } }
  @media screen and (max-width: 768px) {
    .main-notice-right__ul .bg {
      width: 60px;
      height: 60px; }
    .main-notice-right__ul a.bg01 .bg {
      background-size: 100px;
      background-position: 15px center; }
    .main-notice-right__ul a.bg02 .bg {
      background-size: 100px;
      background-position: -50px center; }
    .main-notice-right__ul a.bg03 .bg, .main-notice-right__ul a.bg04 .bg {
      background-size: 40px; }
    .main-notice-right__ul li {
      width: 100%;
      height: auto; }
      .main-notice-right__ul li:first-child {
        border-bottom: none;
        border-right: 1px solid #ddd; }
    .main-notice-right__ul a {
      padding: 0 15px; }
    .main-notice-right__ul .title {
      font-size: 15px;
      margin-bottom: 0; }
    .main-notice-right__ul .main-notice-right-inner {
      padding: 25px 0; } }

.main-quick02-wrap {
  overflow: hidden; }

.main-quick02 {
  padding: 30px 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .main-quick02 {
      padding: 0; } }

.main-quick02__h1 {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 27px;
  padding-right: 65px;
  background-image: url("/resources/images/icons/bg_arrow_right_gray.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: initial;
  font-size: 20px;
  font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .main-quick02__h1 {
      position: static;
      transform: translate(0, 0);
      display: inline-block;
      padding-right: 40px;
      margin-bottom: 20px;
      font-size: 18px;
      background-image: url("/resources/images/icons/bg_arrow_down_gray.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: initial; } }
  @media screen and (max-width: 768px) {
    .main-quick02__h1 {
      padding-right: 30px;
      background-size: 23px;
      font-size: 16px; } }

.main-quick02-btn {
  float: right; }
  .main-quick02-btn a {
    float: left;
    display: inline-block;
    border: 1px solid #ddd;
    background-image: url("/resources/images/icons/ico_arrow_left_gray.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial;
    width: 30px;
    height: 30px; }
    .main-quick02-btn a:nth-child(2n) {
      border-left: none;
      background-image: url("/resources/images/icons/ico_arrow_right_gray.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: initial; }

.main-quick02__ul {
  padding-left: 170px; }
  .main-quick02__ul li {
    float: left;
    width: 14.28%;
    text-align: center; }
  .main-quick02__ul .label {
    font-size: 15px;
    font-weight: 600; }
  .main-quick02__ul a {
    display: inline-block;
    width: 100%;
    height: 100%; }
    .main-quick02__ul a:hover .quick-img {
      transition: all ease 0.5s;
      transform: scale(1);
      box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1); }
    .main-quick02__ul a:hover .label {
      color: #065990; }
  .main-quick02__ul .quick-img {
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 60px;
    transform: scale(0.9);
    width: 75px;
    height: 75px; }
    .main-quick02__ul .quick-img.img01 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: 7px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick02__ul .quick-img.img02 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: -115px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick02__ul .quick-img.img03 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: -230px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick02__ul .quick-img.img04 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: -350px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick02__ul .quick-img.img05 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: -463px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick02__ul .quick-img.img06 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: -580px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .main-quick02__ul .quick-img.img07 {
      background-image: url("/resources/images/center/main/sprite_main_quick02.png");
      background-position: -700px center;
      background-repeat: no-repeat;
      background-size: initial; }
  @media screen and (max-width: 1024px) {
    .main-quick02__ul {
      padding-left: 0; } }
  @media screen and (max-width: 768px) {
    .main-quick02__ul {
      width: 175%; }
      .main-quick02__ul .label {
        font-size: 13px; }
      .main-quick02__ul .quick-img {
        transform: scale(0.8); } }

.main-calendar-box {
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .main-calendar-box {
      margin-top: 30px; } }

.main-calendar {
  width: 50%;
  float: left;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .main-calendar {
      width: 100%;
      float: none;
      margin-bottom: 30px; } }

.main-calendar-title {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 140px;
  background: #1b818c;
  font-size: 18px;
  color: #fff;
  font-weight: 600; }
  .main-calendar-title .up {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, 0); }
  .main-calendar-title .down {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%, 0); }
  .main-calendar-title .title-txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .main-calendar-title .title-txt .title {
      font-weight: 600; }
    .main-calendar-title .title-txt .month {
      font-size: 55px;
      padding-right: 5px; }
  @media screen and (max-width: 768px) {
    .main-calendar-title {
      width: 100%;
      position: relative;
      width: 100%;
      height: 65px; }
      .main-calendar-title .left {
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translate(0, -50%); }
      .main-calendar-title .right {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translate(0, -50%); }
      .main-calendar-title .title-txt .title {
        font-size: 13px; }
      .main-calendar-title .title-txt .month {
        font-size: 30px; } }

.main-calendar-list {
  padding-left: 140px; }
  .main-calendar-list .plan-list__ul {
    border: 1px solid #ddd;
    border-bottom: none;
    border-left: none;
    padding: 0 10px;
    height: 302px; }
    .main-calendar-list .plan-list__ul li {
      height: 100px;
      padding: 0;
      padding-right: 40px; }
      .main-calendar-list .plan-list__ul li.btn-updown {
        padding-right: 0;
        height: auto; }
        .main-calendar-list .plan-list__ul li.btn-updown .up {
          top: 36px; }
        .main-calendar-list .plan-list__ul li.btn-updown .down {
          bottom: 36px; }
      .main-calendar-list .plan-list__ul li.noplan {
        height: 300px; }
    .main-calendar-list .plan-list__ul p.title {
      padding: 5px 0; }
      .main-calendar-list .plan-list__ul p.title a:hover {
        color: #001d57;
        font-weight: 600;
        text-decoration: underline; }
    .main-calendar-list .plan-list__ul p.desc {
      width: 100%;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .main-calendar-list .btn-more {
    display: block;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    height: 40px;
    line-height: 37px; }
  @media screen and (max-width: 768px) {
    .main-calendar-list {
      padding-left: 0; }
      .main-calendar-list .plan-list__ul {
        border-left: 1px solid #ddd; }
      .main-calendar-list .btn-more {
        border-left: 1px solid #ddd; } }

.main-quick03 {
  width: 50%;
  float: left;
  padding-left: 20px; }
  @media screen and (max-width: 1024px) {
    .main-quick03 {
      width: 100%;
      float: none;
      padding-left: 0; } }

.main-quick03__ul {
  background: #f0f6ff; }
  .main-quick03__ul li {
    width: 20%;
    float: left;
    text-align: center;
    padding-bottom: 5px; }
    .main-quick03__ul li:last-child a {
      border-right: 1px solid #ddd; }
    .main-quick03__ul li.active, .main-quick03__ul li:hover {
      background-image: url("/resources/images/center/main/bg_arrowdown_tab.png");
      background-position: center 98%;
      background-repeat: no-repeat;
      background-size: initial; }
      .main-quick03__ul li.active a, .main-quick03__ul li:hover a {
        background: #293f8f;
        border: 1px solid #293f8f;
        color: #fff; }
  .main-quick03__ul a {
    display: inline-block;
    border: 1px solid #ddd;
    border-right: none;
    background: #fafafa;
    width: 100%;
    height: 50px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 600; }
  @media screen and (max-width: 768px) {
    .main-quick03__ul a {
      font-size: 15px; } }
  @media screen and (max-width: 425px) {
    .main-quick03__ul a {
      line-height: 20px; } }

.main-quick03__div {
  height: 287px;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #f0f6ff;
  background-image: url("/resources/images/center/main/bg_main_quick03_img01.png");
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: initial; }
  .main-quick03__div.edudata {
    background-image: url(/resources/images/center/main/bg_main_quick03_img02.png); }
  .main-quick03__div.feedata {
    background-image: url(/resources/images/center/main/bg_main_quick03_img03.png); }
  .main-quick03__div.policydata {
    background-image: url(/resources/images/center/main/bg_main_quick03_img04.png); }
  .main-quick03__div.statsdata {
    background-image: url(/resources/images/center/main/bg_main_quick03_img05.png); }
  .main-quick03__div .btn {
    position: absolute;
    bottom: 0;
    border: 1px solid #293f8f;
    background: #f0f6ff; }
    .main-quick03__div .btn:hover {
      background: #293f8f;
      color: #fff; }
  @media screen and (max-width: 425px) {
    .main-quick03__div {
      height: 300px;
      background-size: 125px;
      background-position: right 65%; }
      .main-quick03__div .btn {
        width: 100%; } }

.main-quick03__div-inner {
  position: absolute;
  top: 50px;
  right: 250px;
  bottom: 50px;
  left: 30px; }
  @media screen and (max-width: 1201px) {
    .main-quick03__div-inner {
      left: 20px; } }
  @media screen and (max-width: 425px) {
    .main-quick03__div-inner {
      right: 20px;
      bottom: 20px; } }

.main-quick03__h2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600; }

.main-quick03__p {
  line-height: 22px;
  word-break: keep-all;
  font-size: 15px;
  color: #656565; }
  @media screen and (max-width: 1201px) {
    .main-quick03__p {
      font-size: 14px; } }

.main-customer {
  margin-top: 120px;
  position: relative;
  z-index: 1;
  background: #edf5ff; }
  .main-customer .main-content {
    position: relative;
    overflow: visible; }
    .main-customer .main-content:after {
      content: "";
      display: block;
      clear: both; }
  @media screen and (max-width: 1024px) {
    .main-customer {
      margin-top: 30px; } }
  @media screen and (max-width: 768px) {
    .main-customer {
      overflow: hidden; } }

.main-customer-title-wrap {
  float: left;
  padding: 30px 0 60px;
  position: relative;
  width: 50%; }
  .main-customer-title-wrap .title-bg {
    display: block;
    position: absolute;
    top: 35px;
    right: 100px;
    bottom: 30px;
    left: 0;
    border: 10px solid #0170e0;
    border-top-color: #1c3e74;
    z-index: 1; }
  .main-customer-title-wrap .title-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3; }
  @media screen and (max-width: 1201px) {
    .main-customer-title-wrap .title-img {
      width: 280px; } }
  @media screen and (max-width: 1024px) {
    .main-customer-title-wrap .title-bg {
      right: 30px; }
    .main-customer-title-wrap .title-img {
      right: -70px;
      width: 240px; } }
  @media screen and (max-width: 768px) {
    .main-customer-title-wrap {
      float: none;
      width: 100%; }
      .main-customer-title-wrap .title-bg {
        right: 0; }
      .main-customer-title-wrap .title-img {
        right: -60px;
        width: 200px; } }

.main-customer-title {
  position: relative;
  display: inline-block;
  background: #edf5ff;
  z-index: 2;
  padding-bottom: 15px; }
  .main-customer-title .en-title {
    font-size: 14px;
    color: #656565; }
  .main-customer-title .ko-title {
    padding: 15px 0 37px;
    position: relative;
    font-size: 40px;
    color: #0058b1;
    font-weight: 600; }
    .main-customer-title .ko-title:after {
      content: "";
      position: absolute;
      top: 80%;
      left: 0;
      width: 24px;
      height: 3px;
      background: #ccc; }
  .main-customer-title .main-customer__p {
    line-height: 23px;
    font-size: 16px;
    font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .main-customer-title .ko-title {
      font-size: 30px;
      padding-bottom: 32px; }
    .main-customer-title .main-customer__p {
      font-size: 15px; } }
  @media screen and (max-width: 768px) {
    .main-customer-title .en-title {
      font-size: 13px; }
    .main-customer-title .ko-title {
      font-size: 22px;
      padding: 10px 0 30px; }
      .main-customer-title .ko-title:after {
        top: 74%; }
    .main-customer-title .main-customer__p {
      font-size: 13px; } }

.main-customer-btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%; }
  .main-customer-btn-wrap .main-customer-faq, .main-customer-btn-wrap .main-customer-complain {
    float: left;
    width: 50%;
    height: 125%; }
    @media screen and (max-width: 1024px) {
      .main-customer-btn-wrap .main-customer-faq, .main-customer-btn-wrap .main-customer-complain {
        float: none;
        position: relative;
        z-index: 4;
        width: 100%;
        height: 50%; } }
    @media screen and (max-width: 768px) {
      .main-customer-btn-wrap .main-customer-faq, .main-customer-btn-wrap .main-customer-complain {
        position: absolute;
        left: 0;
        padding: 0;
        height: 100px; } }
  @media screen and (max-width: 768px) {
    .main-customer-btn-wrap {
      position: static;
      height: 200px; } }

.main-customer-faq {
  text-align: center;
  background: #414da3;
  padding-bottom: 30px; }
  .main-customer-faq img {
    margin-top: 30px; }
  .main-customer-faq a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%; }
    .main-customer-faq a:hover img {
      margin-top: 20px;
      transition: margin ease 0.3s; }
    .main-customer-faq a:hover .faq__h2 {
      background-image: url(/resources/images/icons/ico_arrow_right_round_w_full.png); }
  .main-customer-faq .faq__h2 {
    display: inline-block;
    margin-top: 20px;
    padding: 5px 50px 5px 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 190px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-image: url("/resources/images/icons/ico_arrow_right_round_w.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: initial; }
  @media screen and (max-width: 1024px) {
    .main-customer-faq {
      padding-bottom: 0; }
      .main-customer-faq .faq__h2 {
        margin-top: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        padding-right: 60px;
        background-size: 30px;
        font-size: 18px; } }
  @media screen and (max-width: 768px) {
    .main-customer-faq .faq__h2 {
      font-size: 17px; } }

.main-customer-complain {
  margin-top: -66px;
  background: #22b8c8;
  position: relative;
  padding: 30px; }
  .main-customer-complain .bg01, .main-customer-complain .bg02 {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .main-customer-complain .bg01 {
    background-image: url("/resources/images/center/main/bg_main_customer_complain01.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: initial; }
  .main-customer-complain .bg02 {
    background-image: url("/resources/images/center/main/bg_main_customer_complain02.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: initial; }
  .main-customer-complain .complain-link {
    z-index: 1;
    position: relative; }
  .main-customer-complain .complain-link__h2 {
    position: relative; }
    .main-customer-complain .complain-link__h2 a {
      font-size: 20px;
      color: #002e35;
      font-weight: 600; }
    .main-customer-complain .complain-link__h2 .bg {
      position: absolute;
      right: 0;
      border-bottom: 2px solid #fff;
      width: 100px;
      height: 15px;
      background-image: url("/resources/images/icons/bg_halfarrow_w.png");
      background-position: right bottom;
      background-repeat: no-repeat;
      background-size: initial; }
  .main-customer-complain .complain-link__ul {
    margin-top: 15px; }
    .main-customer-complain .complain-link__ul li {
      margin-bottom: 10px; }
    .main-customer-complain .complain-link__ul a {
      display: inline-block;
      padding-left: 25px;
      background: #138292;
      background-color: #138292;
      background-image: url("/resources/images/icons/ico_arrow_right_round_w.png");
      background-position: 95% center;
      background-repeat: no-repeat;
      background-size: initial;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      font-size: 16px;
      color: #fff;
      font-weight: 600;
      width: 100%;
      height: 50px;
      line-height: 50px; }
      .main-customer-complain .complain-link__ul a:hover {
        background-color: #001d57;
        background-image: url("/resources/images/icons/ico_arrow_right_round_w_full.png");
        background-position: 95% center;
        background-repeat: no-repeat;
        background-size: initial; }
  @media screen and (max-width: 1201px) {
    .main-customer-complain .complain-link__h2 .bg {
      width: 70px; } }
  @media screen and (max-width: 1024px) {
    .main-customer-complain {
      margin-top: 0; }
      .main-customer-complain .complain-link {
        position: static; }
      .main-customer-complain .complain-link__h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .main-customer-complain .complain-link__h2 a {
          color: #fff;
          font-size: 18px;
          margin-right: 20px; }
        .main-customer-complain .complain-link__h2 .bg {
          display: inline-block;
          position: static; } }
  @media screen and (max-width: 768px) {
    .main-customer-complain {
      margin-top: 100px; }
      .main-customer-complain .complain-link__h2 {
        width: 100%;
        text-align: center; }
        .main-customer-complain .complain-link__h2 a {
          font-size: 17px; } }

.main-job {
  padding: 40px 0;
  z-index: 0;
  position: relative;
  background-color: #e3e3e3;
  background-image: url("/resources/images/center/main/bg_main_job_half.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .main-job .btn {
    border: 2px solid #001d57;
    padding-left: 20px;
    width: 130px;
    height: 45px;
    line-height: 42px;
    background-image: url("/resources/images/icons/ico_arrow_right_mainblue8.png");
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: initial;
    font-size: 16px;
    color: #001d57;
    font-weight: 600;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }
    .main-job .btn:hover {
      background: #001d57;
      color: #fff;
      background-image: url("/resources/images/icons/ico_arrow_right_w_large.png");
      background-position: 90% center;
      background-repeat: no-repeat;
      background-size: 12px; }
  @media screen and (max-width: 768px) {
    .main-job {
      padding: 25px 0;
      background-color: #e3e3e3;
      background-image: url("/resources/images/center/main/bg_main_job.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      .main-job .bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.6);
        z-index: 0; }
      .main-job .main-content {
        position: relative;
        z-index: 1; } }

.main-job__h1 {
  margin-bottom: 30px;
  font-size: 30px;
  color: #001d57;
  font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .main-job__h1 {
      margin-bottom: 25px;
      font-size: 26px; } }
  @media screen and (max-width: 768px) {
    .main-job__h1 {
      font-size: 20px;
      margin-bottom: 15px; } }

.main-job__p {
  margin-bottom: 25px;
  line-height: 24px;
  font-size: 18px;
  color: #555; }
  @media screen and (max-width: 1024px) {
    .main-job__p {
      font-size: 15px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 768px) {
    .main-job__p {
      margin-bottom: 17px;
      font-size: 14px;
      color: #333; } }

.main-pg {
  padding-bottom: 50px;
  border-bottom: 1px solid #eee; }
  .main-pg .swiper-container {
    width: 100%;
    height: 100%; }
  .main-pg a {
    display: inline-block;
    width: 100%;
    height: 100%; }
    .main-pg a:hover .mask {
      display: block;
      background: rgba(40, 39, 41, 0.5);
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
      width: 100%;
      height: 100%; }
    .main-pg a:hover img {
      transform: scale(1.1);
      transition: all 0.3s; }
    .main-pg a:hover p {
      color: #001d57;
      text-decoration: underline; }
  .main-pg .img-wrap {
    overflow: hidden;
    position: relative;
    height: 250px; }
  .main-pg img {
    width: 100%;
    height: 250px; }
  .main-pg p {
    width: 100%;
    margin-top: 20px;
    line-height: 22px;
    max-height: 44px;
    font-size: 15px;
    font-weight: 600; }
  .main-pg .date {
    font-size: 15px;
    color: #656565; }
  .main-pg .pg-content-wrap {
    height: 70px; }
  .main-pg .swiper-button-next, .main-pg .swiper-button-prev {
    width: 52px;
    height: 52px; }
  .main-pg .swiper-button-next {
    background-image: url("/resources/images/icons/bg_arrow_right_white.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 52px; }
    .main-pg .swiper-button-next:hover {
      background-image: url(/resources/images/icons/bg_arrow_right_blue.png); }
  .main-pg .swiper-button-prev {
    background-image: url("/resources/images/icons/bg_arrow_left_white.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 52px; }
    .main-pg .swiper-button-prev:hover {
      background-image: url(/resources/images/icons/bg_arrow_left_blue.png); }
  @media screen and (max-width: 768px) {
    .main-pg .swiper-button-next, .main-pg .swiper-button-prev {
      background-size: 40px;
      width: 40px;
      height: 40px; } }

.main-pg-title {
  position: relative;
  text-align: center;
  padding: 30px 0; }
  .main-pg-title .title {
    margin-bottom: 20px;
    font-size: 32px;
    color: #1c3e74;
    font-weight: 600; }
  .main-pg-title .desc {
    font-size: 16px;
    color: #656565; }
  @media screen and (max-width: 768px) {
    .main-pg-title .title {
      font-size: 20px; }
    .main-pg-title .desc {
      font-size: 15px;
      display: inline-block;
      max-width: 200px;
      line-height: 22px; } }

.main-icon-banner {
  padding: 20px 0; }
  .main-icon-banner .main-content {
    padding-right: 120px;
    position: relative; }
  .main-icon-banner .swiper-container {
    width: 100%;
    height: 100%;
    position: static; }
  .main-icon-banner .swiper-btn-group {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    text-align: center; }
  .main-icon-banner .swiper-button-next, .main-icon-banner .swiper-button-prev, .main-icon-banner .swiper-button-autoplay {
    display: inline-block;
    position: static;
    margin-top: 0;
    border: 1px solid #ccc;
    cursor: pointer;
    width: 30px;
    height: 30px; }
.main-icon-banner .swiper-button-next {
  background-image: url("/resources/images/icons/ico_arrow_right_gray.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 7px; }
.main-icon-banner .swiper-button-prev {
  margin-right: -5px;
  background-image: url("/resources/images/icons/ico_arrow_left_gray.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 7px; }
  .main-icon-banner .swiper-button-next02 {
    background-image: url("/resources/images/icons/ico_arrow_right_gray.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 7px; }
  .main-icon-banner .swiper-button-prev02 {
    margin-right: -5px;
    background-image: url("/resources/images/icons/ico_arrow_left_gray.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 7px; }
  .main-icon-banner .swiper-button-autoplay {
    margin-right: -5px;
    background-image: url("/resources/images/icons/ico_autoplay_start_gray.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: initial; }
    .main-icon-banner .swiper-button-autoplay.active {
      background-image: url("/resources/images/icons/ico_autoplay_stop_gray.png"); }
  .main-icon-banner img {
    width: 100%;
    height: 65px; }
    @media screen and (max-width: 1024px) {
      .main-icon-banner img {
        border: 1px solid #ccc; } }

/*
.quick-menu__ul{
  & > li{
    float:left;
    @include wh(17%, false);
    &:nth-child(1){
      background:$c-main-blue1;
    }
    &:nth-child(2){
      background:$c-main-blue2;
    }
    &:nth-child(3){
      background:$c-main-blue3;
    }
    &:nth-child(4){
      background:$c-main-blue4;
    }
    &:last-child{
      width:32%;
      background:$default-bg-color-l;
      position:relative;
    }
  }

!*  //640
  @include media-mob-large(){
    &>li{
      width:50%;
    }
  }*!

  & > li > a{
    display:inline-block;
    padding:17px 0;
    text-align:center;
    @include wh(100%, 100%);
    @include font-style(16px, $white, 600);

    label{
      display:block;
      margin:10px 0;
    }
    .btn-like{
      border:1px solid $white;
      padding:8px 15px;
      @include font-style(12px, $white, 600);
    }
  }


  //1024
  @include media-tab(){
    & > li{
      width:25%;
      &:last-child{
        display:none
      }
    }
  }

  //750
  @include media-mob(){
    & > li > a{
      font-size:13px;
    }
    img{
      width:50px
    }
  }

  //
  @include media-mob-mid(){
    & > li > a{
      padding:5px 0;
    }

  }

}
//로그인라벨, 미로그인라벨
.beforelogin{
  text-align:center;
  padding:30px 0;

  .btn-area {
    margin:0;
    a{
      @include wh(140px, 40px, 40px);
    }
  }

  .quick-last__p1{
    @include font-style(20px, false, 600);
  }
  .quick-last__p2{
    @include font-style(14px, $gray6, 600);
    padding:10px 0 20px 0;
  }
}

.afterlogin{
  padding:28px 10px;
  min-height:166px;

  .quick-last__p1{
    padding-bottom:10px;
    padding-left:10px;
    @include font-style(16px, false, 600);

    a{
      font-size:14px;
      margin-left:20px;
      @include wh(70px, 30px, 30px);
    }
  }

  .quick-last__ul{
    font-size:15px;
    padding-top:10px;
    padding-left:5px;

    li{
      padding-left:10px;
      margin-bottom:5px;
      @include background-hover(false, "/resources/images/icons/bul_blue_point.png", left center);
      label{
        display:inline-block;
        font-weight:600;
        width:125px;
      }
      span{
        color:$gray6;
        vertical-align:middle;
      }
    }
  }

  .quick-last__btn{
    background:$gray8;
    @include position(absolute, false, 0, 0,0);
    li{
      float:left;
      width:50%;
    }
    a{
      display:inline-block;
      text-align:center;
      position:relative;
      @include wh(100%, 45px, 45px);
      @include font-style(15px, $white, 600);
    }

    .bar{
      @include position(absolute, 50%, -9px);
      margin-top:-6px;
      height:15px;
    }
  }
}



.popup-zone__h1{
  @include font-style(18px, false, 600);
  padding:15px 0;
  display:inline-block;

  @include media-mob(){
    font-size:16px;
  }
}


.popup-zone__img{
  border:1px solid $ccc;
  @include wh(100%, 240px);
  img{
    @include wh(100%, 100%);
  }
}


//메인페이지 팝업 임시
.ui-widget-content{
    width:550px;
    background:#fff;
    position:absolute;
    z-index:999;
    margin-top:10px;
    left:50%;
    margin-left:-230px;
    display: none;

  .layer_close{
    font-size:13px;
    float:right;
    margin-right:10px;
  }
  //768
  @include media-mob(){
    border:1px solid $ddd;
    margin-left:0;
    left:5%;
    top:20px;
    width:90%;
  }
}
*/
/*별도 클래스*/
.bar {
  display: inline-block;
  background: #aaa;
  vertical-align: middle;
  margin: 1px 10px 0;
  width: 1px;
  height: 12px; }
  .bar.white {
    background: #fff; }
  @media screen and (max-width: 768px) {
    .bar {
      margin: 0 5px 0; } }

.bul-txt {
  margin-bottom: 15px;
  overflow: hidden; }
  .bul-txt .txt {
    width: 95%;
    padding-left: 10px;
    line-height: 20px; }
  @media screen and (max-width: 768px) {
    .bul-txt {
      font-size: 13px; } }

/*검색폼*/
@media screen and (max-width: 768px) {
  .text-with-btn {
    margin-top: 5px;
    width: 100%;
    padding-right: 45px;
    position: relative; }
    .text-with-btn .txt {
      width: 100%; }
    .text-with-btn .btn {
      position: absolute;
      top: 0;
      right: 0; } }

/*달력포함*/
.img-with-btn {
  position: relative; }
  .img-with-btn .txt {
    padding-left: 30px; }
  .img-with-btn img {
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translate(0, -50%); }

/*파일찾기*/
.file-area {
  position: relative;
  margin-bottom: 5px; }
  .file-area .txt {
    width: 100%;
    padding-right: 180px; }
  .file-area .btn-wrap {
    position: absolute;
    right: 0;
    top: 0; }
  .file-area .file-blank {
    vertical-align: middle;
    display: inline-block;
    width: 35px;
    height: 35px; }

.noresize {
  width: 100%;
  resize: none; }

.small-txt {
  font-size: 12px;
  color: #656565;
  padding-left: 20px; }
  .small-txt.nopd {
    display: inline-block;
    padding: 8px 0 0 2px; }
  @media screen and (max-width: 768px) {
    .small-txt {
      display: block;
      padding: 5px 0 0 2px; } }

.small-txt__ul {
  padding-top: 5px;
  font-size: 12px;
  color: #656565; }
  .small-txt__ul li {
    padding-left: 10px;
    background-image: url("/resources/images/icons/bul_gray.png");
    background-position: left 9px;
    background-repeat: no-repeat;
    background-size: initial; }

.check-list__ul li {
  float: left;
  margin-right: 20px; }

.check-list__ul span {
  vertical-align: middle; }

.table-explain-req {
  float: right;
  font-size: 12px; }

.bul-blue__p {
  padding-left: 10px;
  line-height: 20px;
  background-image: url("/resources/images/icons/bul_blue.png");
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: initial;
  font-size: 14px; }
  @media screen and (max-width: 768px) {
    .bul-blue__p {
      font-size: 13px; } }

.multiple-line-ellipsis {
  display: block;
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  line-height: 1.2em;
  max-height: 2.4em;
  /* max: 4 lines */
  position: relative;
  /*margin-right: -1em;*/
  padding-right: 1em; }

.multiple-line-ellipsis:before {
  content: '...';
  position: absolute;
  right: 3px;
  bottom: 0;
  text-decoration: none; }

.multiple-line-ellipsis:after {
  content: '';
  position: absolute;
  right: 0;
  width: 20px;
  height: 1em;
  margin-top: 0.2em;
  background: #fff; }

.space {
  width: 10px; }

.m-board-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%); }

.l-maxwrap {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1240px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .l-maxwrap {
      padding-left: 15px;
      padding-right: 15px; } }

@media screen and (max-width: 768px) {
  .full-btn-cnt2 .btn {
    width: 49%;
    margin-top: 5px; }
    .full-btn-cnt2 .btn.lst {
      float: right; } }

@media print {
  .no-print {
    display: none !important; } }

.sub-visual {
  height: 135px;
  position: absolute;
  left: 0;
  right: 0;
  background: #065990; }
  @media screen and (max-width: 1024px) {
    .sub-visual {
      height: auto;
      position: static; } }

.sub-visual-inner {
  height: 100%;
  padding: 38px 0 0 280px;
  max-width: 1200px;
  margin: 0 auto;
  background-image: url("/resources/images/visual_sub.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: initial; }
  @media screen and (max-width: 1024px) {
    .sub-visual-inner {
      padding: 30px;
      background-size: cover; } }
  @media screen and (max-width: 768px) {
    .sub-visual-inner {
      padding: 20px; } }

/*.contents-wrap {
  //margin-bottom:40px;
  position:relative;

  margin-bottom: 130px;
  overflow:hidden;
  width:100%;


  //1024
  @include media-tab(){
    margin-top:74px;
    margin-bottom:30px;
  }
}*/
.sub-contents-wrap {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 130px;
  clear: both; }
  @media screen and (max-width: 1024px) {
    .sub-contents-wrap {
      margin-top: 74px;
      margin-bottom: 30px; } }

.location__ul {
  color: #fff;
  font-weight: 400; }
  .location__ul img {
    margin-top: -5px; }
  .location__ul li {
    float: left;
    padding: 0 16px 0 10px;
    line-height: 18px;
    background-image: url("/resources/images/icons/ico_arrow_right_w.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: initial; }
    .location__ul li:first-child {
      padding-left: 0; }
    .location__ul li:last-child {
      padding-right: 0;
      background: none; }
  @media screen and (max-width: 375px) {
    .location__ul li {
      padding: 0 9px 0 4px; } }

.sub-title__h1 {
  margin-top: 15px;
  font-size: 34px;
  color: #fff;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .sub-title__h1 {
      margin-top: 10px;
      font-size: 25px; } }

.sub-contents {
  padding: 170px 20px 0 50px;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .sub-contents {
      padding: 40px 30px; } }
  @media screen and (max-width: 768px) {
    .sub-contents {
      padding: 20px; } }

.board-tab__ul {
  clear: both;
  border: 1px solid #ddd;
  border-right: none; }
  .board-tab__ul li {
    width: 33.3333%;
    float: left; }
  .board-tab__ul.cnt2 li {
    width: 50%; }
  .board-tab__ul.cnt4 li {
    width: 25%; }
  .board-tab__ul.cnt6 li {
    width: 16.6666%; }
.board-tab__ul.cnt8 li {
  width: 12.5%; }
  .board-tab__ul a {
    width: 100%;
    border-right: 1px solid #ddd;
    text-align: center;
    background: #f6f6f6;
    display: inline-block;
    padding: 20px 0;
    font-size: 16px;
    font-size: 16px;
    color: #656565;
    font-weight: 400; }
    .board-tab__ul a.active, .board-tab__ul a:hover {
      background: #065990;
      color: #fff;
      font-weight: 600; }
  @media screen and (max-width: 768px) {
    .board-tab__ul {
      border: none; }
      .board-tab__ul li:last-child a {
        border-right: 1px solid #ddd; }
        .board-tab__ul li:last-child a.active, .board-tab__ul li:last-child a:hover {
          border-right: 1px solid #065990; }
      .board-tab__ul a {
        font-size: 15px;
        padding: 12px 0;
        border: 1px solid #ddd;
        border-right: none; }
        .board-tab__ul a.active, .board-tab__ul a:hover {
          border: 1px solid #065990; } }

.board-tab__select {
  border: none;
  background: #065990 url("/resources/images/icons/ico_selecbox_w.png") no-repeat 96% 50%;
  background-size: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  font-weight: 600; }

.default-card-wrap {
  border: 3px solid #eee;
  padding: 25px 30px;
  margin-bottom: 20px; }
  .default-card-wrap .img-wrap {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #eee;
    padding-right: 30px; }
    .default-card-wrap .img-wrap > img {
      width: 111px; }
  @media screen and (max-width: 768px) {
    .default-card-wrap .img-wrap {
      padding-right: 15px;
      padding: 0 0 10px 0;
      border-right: none;
      border-bottom: 1px solid #ddd;
      text-align: center;
      display: block; } }
  @media screen and (max-width: 425px) {
    .default-card-wrap {
      padding: 20px; } }

.board-title-wrap {
  padding: 25px 30px;
  background-image: url("/resources/images/bg_board_title.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain; }
  @media screen and (max-width: 768px) {
    .board-title-wrap {
      padding: 20px 10px; } }

.board-title {
  vertical-align: middle;
  padding-left: 40px;
  display: table-cell; }
  .board-title.wmypage {
    width: 52%; }
    @media screen and (max-width: 1201px) {
      .board-title.wmypage {
        width: auto; } }
    @media screen and (max-width: 768px) {
      .board-title.wmypage {
        text-align: center; }
        .board-title.wmypage .board-title__ul {
          display: inline-block; } }
  @media screen and (max-width: 768px) {
    .board-title {
      display: block;
      padding: 20px 0 0 0; } }

.board-title__span {
  display: table-cell; }
  .board-title__span.wmypage {
    width: 15%; }
    @media screen and (max-width: 1201px) {
      .board-title__span.wmypage {
        width: auto; } }
  @media screen and (max-width: 768px) {
    .board-title__span {
      padding: 0 0 10px 0;
      border-bottom: 1px solid #ddd;
      text-align: center;
      display: block; } }

.board-title__h1 {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .board-title__h1 {
      font-size: 16px; } }

.board-title__p {
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 22px; }
  @media screen and (max-width: 768px) {
    .board-title__p {
      font-size: 13px; } }

.board-title-mypage__p {
  margin-bottom: 20px;
  line-height: 25px;
  font-size: 16px;
  font-weight: 400; }
  .board-title-mypage__p b {
    font-weight: 600; }
  @media screen and (max-width: 768px) {
    .board-title-mypage__p {
      margin-bottom: 10px; } }

@media screen and (max-width: 768px) {
  .board-title-mypage__span {
    font-size: 14px; } }

.board-title__ul li {
  float: left;
  font-size: 16px;
  font-weight: 400; }

.board-title__ul label {
  font-weight: 600;
  padding-right: 5px; }

.board-title__ul .bar {
  margin: 1px 20px 0; }

@media screen and (max-width: 768px) {
  .board-title__ul li {
    font-size: 14px; }
  .board-title__ul .bar {
    height: 12px;
    margin: 2px 10px 2px; } }

@media screen and (max-width: 375px) {
  .board-title__ul.phy li {
    font-size: 13px; }
  .board-title__ul.phy label {
    padding-right: 0; }
  .board-title__ul.phy .bar {
    height: 10px;
    margin: 1px 5px 1px; } }

.user_round_img {
  display: inline-block;
  border: 1px solid #eee;
  padding: 3px;
  text-align: center;
  position: relative;
  -webkit-border-radius: 62px;
  -moz-border-radius: 62px;
  -ms-border-radius: 62px;
  border-radius: 62px;
  width: 120px;
  height: 120px;
  line-height: 105px; }
  .user_round_img .icon {
    width: 100%;
    height: 100%;
    border-radius:999px;
  }
  .user_round_img .ico-trans {
    width: 40px;
    position: absolute;
    right: 0;
    bottom: 0; }

.transfer-before__wrap {
  display: table-cell;
  vertical-align: middle; }
  @media screen and (max-width: 1201px) {
    .transfer-before__wrap {
      padding-left: 160px;
      display: block; } }
  @media screen and (max-width: 768px) {
    .transfer-before__wrap {
      padding-left: 0;
      text-align: center; } }

.transfer-before__ul.dis-n {
  display: none; }

.transfer-before__ul li.stu {
  margin-bottom: 10px; }

@media screen and (max-width: 1201px) {
  .transfer-before__ul li {
    float: left; }
    .transfer-before__ul li.stu {
      margin-right: 10px; } }

@media screen and (max-width: 768px) {
  .transfer-before__ul {
    margin-top: 20px;
    display: inline-block; }
    .transfer-before__ul li {
      margin-bottom: 0; }
      .transfer-before__ul li.stu {
        margin-bottom: 0; } }

@media screen and (max-width: 640px) {
  .transfer-before__ul li {
    width: 100%; }
  .transfer-before__ul li.stu {
    margin-bottom: 10px;
    margin-right: 0; } }

@media screen and (max-width: 320px) {
  .transfer-before__ul {
    margin-left: -5px; } }

.transfer-after-wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #eee;
  width: 290px; }
  .transfer-after-wrap.dis-n {
    display: none; }
  .transfer-after-wrap .transfer-after-title {
    font-size: 16px;
    font-weight: 600; }
    .transfer-after-wrap .transfer-after-title img {
      margin-right: 10px; }
  .transfer-after-wrap .transfer-after-details {
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px; }
  @media screen and (max-width: 1201px) {
    .transfer-after-wrap {
      display: block;
      width: 100%;
      border-left: 0;
      border-top: 1px solid #eee;
      padding-top: 15px; } }
  @media screen and (max-width: 768px) {
    .transfer-after-wrap {
      margin-top: 20px; } }

.search-form {
  background: #f6f6f6;
  text-align: center;
  padding: 20px 0; }
  .search-form.right {
    background: #fff;
    float: right;
    padding: 0 0 20px; }
  .search-form select, .search-form input[type=text] {
    height: 40px; }
  .search-form .date-search {
    display: inline-block; }
    @media screen and (max-width: 1024px) {
      .search-form .date-search {
        display: block;
        margin: 0 auto 5px;
        position: relative;
        width: 414px;
        height: 40px; }
        .search-form .date-search .range {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 49%;
          transform: translate(0, -50%); }
        .search-form .date-search .fst {
          left: 0; }
        .search-form .date-search .lst {
          right: 0; }
        .search-form .date-search .fst, .search-form .date-search .lst {
          position: absolute;
          width: 47%; }
          .search-form .date-search .fst .txt, .search-form .date-search .lst .txt {
            width: 100%; } }
    @media screen and (max-width: 768px) {
      .search-form .date-search {
        width: 100%; } }
  @media screen and (max-width: 768px) {
    .search-form {
      padding: 20px 10px; }
      .search-form.right {
        float: none; } }

.search-btn {
  background: #1b818c;
  margin-left: -3px;
  width: 40px;
  height: 40px;
  line-height: 40px; }

.board-view-title {
  padding: 30px 10px 20px;
  border-top: 1px solid #727272; }
  @media screen and (max-width: 1024px) {
    .board-view-title {
      padding: 20px 10px; } }
  @media screen and (max-width: 768px) {
    .board-view-title {
      padding: 15px 10px; } }

.board-view__h1 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .board-view__h1 {
      font-size: 17px;
      margin-bottom: 10px; } }

.board-view-info__ul {
  font-size: 14px;
  color: #656565; }
  .board-view-info__ul li {
    float: left; }
  .board-view-info__ul.hassns li {
    height: 30px;
    line-height: 30px; }
    .board-view-info__ul.hassns li:last-child {
      float: right;
      line-height: normal; }
  .board-view-info__ul.hassns .btn {
    height: 30px;
    line-height: normal;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 13px; }
  .board-view-info__ul span {
    vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .board-view-info__ul {
      font-size: 13px; }
      .board-view-info__ul.hassns li:last-child {
        width: 100%;
        margin-top: 10px; } }
  @media screen and (max-width: 425px) {
    .board-view-info__ul li {
      float: none;
      margin-bottom: 5px; }
      .board-view-info__ul li .bar {
        display: none; }
      .board-view-info__ul li:last-child {
        margin-bottom: 0; }
    .board-view-info__ul.hassns li {
      height: auto;
      line-height: normal; } }

.board-view-contents {
  border-top: 1px solid #727272;
  border-bottom: 1px solid #727272;
  padding: 30px 10px;
  color: #656565; }
  .board-view-contents.comments {
    padding: 30px 0; }
  .board-view-contents img {
    max-width: 100%; }

.board-view-file {
  display: table;
  width: 100%;
  border-top: 1px solid #ddd; }
  .board-view-file label {
    width: 15%;
    padding: 10px;
    border-right: 1px solid #ddd;
    background: #f6f6f6;
    font-weight: 600;
    display: table-cell;
    height: 40px; }
  .board-view-file a {
    display: inline-block;
    padding: 5px 0; }
  .board-view-file ul {
    display: table-cell;
    width: 75%;
    padding: 5px 10px; }
  @media screen and (max-width: 768px) {
    .board-view-file label {
      width: 20%; } }

.board-reply {
  border: 1px solid #ddd;
  border-top-color: #727272;
  padding: 30px; }

.board-reply__ul {
  margin-bottom: 20px;
  font-size: 15px; }
  .board-reply__ul li {
    float: left; }
  .board-reply__ul .bar {
    margin-top: -2px; }

.board-reply-content {
  line-height: 24px;
  font-size: 14px; }

.information__ul {
  background: #f3f6f9;
  padding: 20px 30px; }
  .information__ul li {
    margin-bottom: 7px;
    padding-left: 10px;
    word-break: keep-all;
    font-size: 14px;
    color: #656565;
    background-image: url("/resources/images/icons/bul_blue.png");
    background-position: 0 6px;
    background-repeat: no-repeat;
    background-size: initial; }
    .information__ul li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .information__ul li {
      font-size: 13px; } }

.join-tab__ul.step1 {
  background-image: url("/resources/images/bg_join_step1.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain; }

.join-tab__ul.step2 {
  background-image: url("/resources/images/bg_join_step2.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain; }

.join-tab__ul.step3 {
  background-image: url("/resources/images/bg_join_step3.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain; }

.join-tab__ul.step4 {
  background-image: url("/resources/images/bg_join_step4.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain; }

.join-tab__ul li {
  width: 25%;
  float: left;
  padding: 25px 13px;
  font-size: 16px;
  color: #656565; }
  .join-tab__ul li#step2 {
    padding-left: 25px; }
  .join-tab__ul li.first-child {
    padding-left: 30px; }
  .join-tab__ul li.active {
    color: #333;
    font-weight: 600; }
    .join-tab__ul li.active .point {
      color: #1b818c;
      font-weight: 900; }

.join-tab__ul label {
  vertical-align: baseline; }

@media screen and (max-width: 1201px) {
  .join-tab__ul.step1, .join-tab__ul.step2, .join-tab__ul.step3, .join-tab__ul.step4 {
    background: none; }
  .join-tab__ul li {
    border: 1px solid #f6f6f6;
    border-right-width: 0;
    text-align: center;
    padding: 20px 10px; }
    .join-tab__ul li#step2 {
      padding-left: 10px; }
    .join-tab__ul li:last-child {
      border-right-width: 1px; }
    .join-tab__ul li.active {
      border-right-width: 1px;
      border-color: #1b818c; } }

@media screen and (max-width: 1024px) {
  .join-tab__ul li {
    font-size: 15px; } }

@media screen and (max-width: 768px) {
  .join-tab__ul li {
    font-size: 13px; }
    .join-tab__ul li .point {
      display: block;
      margin-bottom: 5px; } }

@media screen and (max-width: 375px) {
  .join-tab__ul li {
    padding: 15px 5px; }
    .join-tab__ul li#step2 {
      padding-left: 5px; } }

.default-caption-like {
  padding-left: 15px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 600;
  background-image: url("/resources/images/icons/bul_caption.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: initial; }
  @media screen and (max-width: 768px) {
    .default-caption-like {
      font-size: 16px;
      margin-bottom: 15px; } }

.join-type__ul {
  margin-bottom: 80px; }
  .join-type__ul li {
    width: 32%;
    margin-right: 10px;
    padding: 25px 0;
    float: left;
    border: 1px solid #ddd;
    border-top: 3px solid #1b818c;
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
    .join-type__ul li:last-child {
      margin-right: 0; }
  .join-type__ul span {
    display: block; }
    .join-type__ul span.fst {
      margin-bottom: 20px; }
    .join-type__ul span input[type="radio"] {
      margin-left: -2px; }
  @media screen and (max-width: 768px) {
    .join-type__ul img {
      width: 80px; }
    .join-type__ul li {
      font-size: 15px;
      margin-right: 1%; } }
  @media screen and (max-width: 640px) {
    .join-type__ul {
      margin-bottom: 0; }
      .join-type__ul li {
        width: 100%;
        margin: 10px 0; } }

.end-box {
  padding: 50px 20px;
  border: 3px solid #f3f6f9; }
  @media screen and (max-width: 425px) {
    .end-box {
      padding: 30px 15px; } }

.end-box-inner {
  max-width: 500px;
  margin: 0 auto; }
  .end-box-inner p {
    text-align: center; }
    .end-box-inner p.ment {
      padding: 30px 0;
      line-height: 20px;
      font-size: 18px;
      font-weight: 600; }
      .end-box-inner p.ment .small {
        margin-top: 5px;
        display: block;
        font-size: 17px;
        font-weight: 400; }
    .end-box-inner p.ment.nopd {
      padding-bottom: 0; }
  @media screen and (max-width: 768px) {
    .end-box-inner img {
      width: 180px; }
    .end-box-inner p.ment {
      font-size: 16px; }
      .end-box-inner p.ment .small {
        font-size: 15px; } }
  @media screen and (max-width: 425px) {
    .end-box-inner img {
      width: 150px; }
    .end-box-inner p.ment {
      padding: 20px 0;
      font-size: 14px; }
      .end-box-inner p.ment .small {
        font-size: 13px; } }

.scroll-box-content {
  height: 190px;
  padding: 15px;
  overflow: hidden;
  overflow-y: scroll;
  border: 1px solid #ddd;
  line-height: 22px;
  font-size: 14px;
  color: #656565; }
  @media screen and (max-width: 768px) {
    .scroll-box-content {
      font-size: 13px; } }

.scroll-box-agree {
  padding: 20px 15px;
  border: 1px solid #ddd;
  border-top: none; }

.print-certi {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  position: relative; }
  .print-certi .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600; }
  .print-certi .desc {
    line-height: 20px;
    font-size: 14px; }
  .print-certi .btn {
    line-height: 32px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    color: #065990;
    font-weight: 600; }
  @media screen and (max-width: 768px) {
    .print-certi .btn {
      margin-top: 15px;
      position: static;
      transform: translate(0, 0); } }

.print-card__ul li {
  width: 49%;
  height: 150px;
  border: 1px solid #eee;
  margin-bottom: 15px;
  padding: 30px; }
  .print-card__ul li:nth-child(odd) {
    float: left; }
  .print-card__ul li:nth-child(even) {
    float: right; }

.print-card__ul a {
  display: inline-block;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 1024px) {
  .print-card__ul li {
    width: 100%;
    height: auto; } }

@media screen and (max-width: 425px) {
  .print-card__ul li {
    padding: 20px; } }

.print-card__img {
  display: table-cell;
  vertical-align: middle;
  /*  //1200
  @include media-pc-small(){
    display:block;
    width:100%;
    text-align:center;
    margin-bottom:20px;
  }*/ }
  .print-card__img img {
    width: 83px; }
  @media screen and (max-width: 425px) {
    .print-card__img {
      display: block;
      width: 100%;
      text-align: center; } }

.print-box {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle; }
  .print-box .print-box__h1 {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600; }
    .print-box .print-box__h1 span {
      vertical-align: middle; }
  .print-box .print-box__span {
    font-size: 13px;
    color: #656565;
    font-weight: 400; }
  .print-box .print-box__p {
    line-height: 21px;
    margin-top: 10px;
    word-break: keep-all;
    font-size: 13px;
    font-weight: 400; }
  @media screen and (max-width: 425px) {
    .print-box {
      display: block;
      width: 100%;
      margin-top: 20px;
      padding-left: 0;
      text-align: center; } }

.calendar-wrap, .plan-list {
  width: 50%;
  float: left;
  margin-top: 10px;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .calendar-wrap, .plan-list {
      width: 100%;
      float: none;
      margin-bottom: 0; } }

@media screen and (max-width: 768px) {
  .calendar-wrap {
    margin-bottom: 30px; } }

.plan-list {
  padding-left: 10px; }
  @media screen and (max-width: 768px) {
    .plan-list {
      padding-left: 0;
      margin-top: 15px; } }

.plan-list__h2 {
  background: #f3f6f9;
  text-align: center;
  border-top: 1px solid #2386c8;
  border-bottom: 1px solid #ddd;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  font-weight: 600; }

.plan-list__ul {
  height: 378px;
  border-bottom: 1px solid #ddd;
  position: relative; }
  .plan-list__ul li {
    border-bottom: 1px solid #ddd;
    padding: 0 40px 0 10px;
    height: 126px;
    overflow: hidden;
    position: relative; }
    .plan-list__ul li.noplan {
      height: 378px;
      padding-right: 0;
      text-align: center; }
      .plan-list__ul li.noplan .plan-list__div {
        right: 0; }
      .plan-list__ul li.noplan .noplan-title {
        padding: 10px 0;
        font-size: 15px;
        color: #333;
        font-weight: 600; }
      .plan-list__ul li.noplan .noplan-desc {
        line-height: 20px;
        font-size: 15px;
        color: #888; }
  .plan-list__ul .plan-list__div {
    position: absolute;
    top: 50%;
    left: 0;
    right: 50px;
    transform: translate(0, -50%); }
  .plan-list__ul p {
    overflow: hidden;
    word-break: break-all; }
  .plan-list__ul p.date {
    padding: 5px 0 5px 25px;
    background-image: url("/resources/images/icons/ico_calendar_green.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: initial;
    font-size: 13px;
    color: #1b818c;
    font-weight: 900; }
  .plan-list__ul p.title {
    padding: 3px 0;
    line-height: 20px;
    max-height: 45px;
    font-size: 15px;
    color: #656565;
    font-weight: 600; }
    .plan-list__ul p.title b {
      font-weight: 600;
      color: #333; }
    .plan-list__ul p.title a {
      width: 100%;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .plan-list__ul p.desc {
    padding-top: 3px;
    max-height: 37px;
    font-size: 14px;
    color: #888; }
  .plan-list__ul .btn-updown {
    border-bottom: none;
    padding: 0;
    width: 40px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
    .plan-list__ul .btn-updown .up {
      position: absolute;
      top: 50px;
      padding: 0; }
    .plan-list__ul .btn-updown .down {
      position: absolute;
      bottom: 40px;
      padding: 0; }

.bg-gray-box {
  background: #f3f6f9;
  padding: 20px;
  margin: 10px 0;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600; }
  .bg-gray-box.light {
    font-weight: 400; }
  .bg-gray-box.link {
    display: block;
    background-image: url("/resources/images/icons/ico_arrow_right_b.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: initial; }
  @media screen and (max-width: 768px) {
    .bg-gray-box {
      padding: 20px 10px;
      font-size: 14px; } }
  @media screen and (max-width: 320px) {
    .bg-gray-box {
      padding: 20px 5px;
      font-size: 12px; } }

.bg-gray-box__ul li {
  margin-bottom: 7px;
  padding-left: 10px;
  line-height: 18px;
  font-size: 14px;
  color: #656565;
  background-image: url("/resources/images/icons/bul_blue.png");
  background-position: 0 7px;
  background-repeat: no-repeat;
  background-size: initial; }
  .bg-gray-box__ul li:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 768px) {
  .bg-gray-box__ul li {
    font-size: 13px; } }

/*면허시험안내*/
.bg-gray-box__ul-fl {
  background: #f3f6f9;
  padding: 15px;
  margin: 5px 0;
  font-size: 15px;
  font-weight: 400; }
  .bg-gray-box__ul-fl li {
    float: left; }
  @media screen and (max-width: 768px) {
    .bg-gray-box__ul-fl {
      font-size: 13px; }
      .bg-gray-box__ul-fl li {
        float: none; }
      .bg-gray-box__ul-fl .bar {
        display: none; } }

.btn-area {
  text-align: center;
  margin: 30px 0; }
  .btn-area.right {
    text-align: right;
    margin: 15px 0; }
  .btn-area.last {
    margin-bottom: 0; }
  .btn-area .btn {
    margin-right: 5px; }
    .btn-area .btn:last-child {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    .btn-area.m-center {
      text-align: center; }
    .btn-area.cnt2 .btn {
      width: 48%;
      max-width: 150px;
      margin-right: 2%;
      font-size: 14px; } }

/*댓글*/
.comment-top {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  font-weight: 900; }
  @media screen and (max-width: 768px) {
    .comment-top {
      font-size: 14px; } }

.comment-list__ul {
  border-top: 1px solid #727272; }
  .comment-list__ul li {
    padding: 30px 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    color: #656565; }
    @media screen and (max-width: 768px) {
      .comment-list__ul li {
        padding: 20px 15px;
        font-size: 14px; } }
  .comment-list__ul li.last {
    background: #fafafa; }
    .comment-list__ul li.last .title {
      font-size: 15px;
      color: #065990;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .comment-list__ul li.last .title {
          font-size: 14px; } }
    .comment-list__ul li.last textarea {
      background: #fff; }
    .comment-list__ul li.last a.btn-blue {
      position: absolute;
      right: 0;
      top: 0;
      width: 60px;
      height: 100%;
      line-height: 76px; }
      @media screen and (max-width: 768px) {
        .comment-list__ul li.last a.btn-blue {
          font-size: 13px; } }
  .comment-list__ul .writer {
    color: #333;
    font-weight: 600; }
  .comment-list__ul .recommend {
    float: right;
    font-size: 14px;
    color: #656565;
    font-weight: 600; }
  .comment-list__ul .comment-contents {
    margin-top: 20px;
    position: relative; }
  .comment-list__ul .comment-contents__p {
    line-height: 24px;
    font-size: 14px;
    color: #555; }
  .comment-list__ul .comment-btn {
    margin-top: 20px; }
    .comment-list__ul .comment-btn a {
      display: inline-block;
      text-align: center;
      float: left;
      border: 1px solid #ddd;
      width: 50px;
      height: 27px;
      line-height: 27px;
      font-size: 13px;
      color: #656565;
      font-weight: 600; }
      .comment-list__ul .comment-btn a:nth-child(2n) {
        border-left: none; }
      .comment-list__ul .comment-btn a.blue {
        background: #065990;
        border: none;
        color: #fff; }
      .comment-list__ul .comment-btn a.gray {
        background: #888;
        border: none;
        color: #fff; }
    .comment-list__ul .comment-btn.update {
      margin-top: 0; }
  .comment-list__ul .comment-max {
    float: right;
    margin-top: 5px;
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .comment-list__ul .comment-max {
        font-size: 13px; } }
  .comment-list__ul .textarea-wrap {
    padding-right: 60px; }
  .comment-list__ul textarea {
    resize: none;
    background: #fafafa; }

/*동의/체크 여부*/
.agree-wrap {
  border-top: 1px solid #2386c8;
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
  text-align: center; }
  .agree-wrap p {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 20px; }
  @media screen and (max-width: 768px) {
    .agree-wrap {
      padding: 20px 0; }
      .agree-wrap p {
        margin-bottom: 20px; } }

.faq__ul {
  border-top: 1px solid #727272; }
  .faq__ul li {
    border-bottom: 1px solid #ddd; }
    .faq__ul li.no-post {
      padding: 20px 10px;
      text-align: center; }
  .faq__ul a {
    display: inline-block;
    width: 100%; }
    .faq__ul a.active .box .title {
      background-image: url("/resources/images/icons/ico_more_off16.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: initial; }
  .faq__ul .box {
    padding: 0 15px;
    position: relative; }
    .faq__ul .box > span {
      position: absolute;
      left: 15px; }
    .faq__ul .box .title {
      padding: 25px 30px 25px 60px;
      line-height: 22px;
      background-image: url("/resources/images/icons/ico_more16.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: initial;
      font-size: 15px;
      font-weight: 600; }
    .faq__ul .box .content {
      padding: 20px 0 20px 60px;
      line-height: 22px; }
    .faq__ul .box.answer-box {
      background: #f6f6f6; }
      .faq__ul .box.answer-box .content img {
        max-width: 100%; }
      .faq__ul .box.answer-box > span {
        top: 13px; }
    .faq__ul .box.quest-box > span {
      top: 50%;
      transform: translate(0, -50%); }
  @media screen and (max-width: 768px) {
    .faq__ul .box {
      padding: 0 10px; }
      .faq__ul .box > span {
        left: 10px; }
      .faq__ul .box .title {
        font-size: 13px;
        padding-left: 50px; }
      .faq__ul .box .content {
        font-size: 13px;
        padding-left: 50px; } }

.border-txt {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  font-weight: 600;
  overflow: hidden; }

.edupay-top {
  font-size: 15px; }
  .edupay-top .btn {
    float: right;
    padding: 10px 20px; }
  .edupay-top p {
    margin-top: 15px;
    float: left; }

/*.leftmenu-wrap{
  margin-top:-135px;
  float:left
}*/
.leftmenu {
  width: 238px;
  padding-left: 2px;
  float: left;
  position: relative;
  z-index: 1; }

.leftmenu__h1 {
  background-image: url("/resources/images/visual_leftmenu_title.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 177px;
  padding: 60px 0;
  color: #fff;
  position: relative; }
  .leftmenu__h1 span {
    display: block;
    text-align: center; }
    .leftmenu__h1 span.ko {
      font-size: 25px;
      font-weight: 900;
      margin-bottom: 8px; }
    .leftmenu__h1 span.en {
      font-size: 15px;
      font-weight: 600; }
  .leftmenu__h1 .leftmenu__h1--global {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 25px;
    font-weight: 900; }

.leftmenu-dept1__ul {
  border: 1px solid #ddd;
  border-top: none;
  border-bottom: none; }

.leftmenu-dept1-title a {
  display: inline-block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  font-weight: 600; }
  .leftmenu-dept1-title a.active {
    color: #065990;
    background-image: url("/resources/images/icons/ico_arrow_right.png");
    background-position: 92% center;
    background-repeat: no-repeat;
    background-size: initial; }

.leftmenu-dept2__ul {
  background: #fafafa;
  border-bottom: 1px solid #ddd;
  padding: 10px 0; }
  .leftmenu-dept2__ul a {
    display: inline-block;
    width: 100%;
    padding: 8px 20px; }
    .leftmenu-dept2__ul a:hover {
      font-weight: 900; }
    .leftmenu-dept2__ul a.active {
      color: #065990;
      font-weight: 600; }

.b-gb-mleftBtn {
  padding: 30px 20px; }

.b-gb-mleftBtn__btn {
  display: inline-block;
  text-align: center;
  width: 50%;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  border: 1px solid #fff;
  float: left; }
  .b-gb-mleftBtn__btn:first-child {
    border-right: none; }

.table-wrap.bg-wrapper {
  border-top: 2px solid #065990;
  padding: 35px 25px;
  background-color: #fafafa;
  background-image: url("/resources/images/icons/bg_arrowdown.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: initial; }
  @media screen and (max-width: 768px) {
    .table-wrap.bg-wrapper {
      padding: 30px 10px; }
      .table-wrap.bg-wrapper .default-caption {
        text-align: center; } }

.table-top {
  font-size: 13px;
  margin-bottom: 10px; }

.list__table {
  table-layout: fixed;
  border-top: 1px solid #727272; }
  .list__table tr.notice-top {
    background: #f8fcff; }
  .list__table tr.notice-best {
    background: #fffef8; }
  .list__table th {
    padding: 15px 0;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: 600; }
  .list__table td {
    padding: 15px 20px;
    border-bottom: 1px solid #ddd; }
  .list__table .common-title {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .list__table .common-title b {
      font-weight: 600; }
  @media screen and (max-width: 768px) {
    .list__table colgroup, .list__table thead {
      display: none; }
    .list__table td {
      padding: 15px 10px; }
    .list__table .common-title {
      color: #555;
      font-weight: 600;
      font-weight: 600; }
    .list__table .m-info__ul {
      margin-top: 10px;
      font-size: 13px;
      color: #656565; }
      .list__table .m-info__ul li {
        float: left;
        margin-right: 10px; }
      .list__table .m-info__ul label {
        padding-right: 5px;
        vertical-align: baseline;
        color: #555;
        font-weight: 600; } }
  @media screen and (max-width: 375px) {
    .list__table .m-info__ul li {
      margin-bottom: 3px; } }

.paging {
  margin-top: 40px;
  text-align: center; }

.paging__ul {
  display: inline-block; }
  .paging__ul li {
    float: left; }
    .paging__ul li a {
      display: inline-block;
      text-align: center;
      margin-right: 3px;
      min-width: 30px;
      height: 29px;
      font-size: 15px;
      color: #656565; }
  .paging__ul li.pageNum {
    padding: 0 3px; }
    .paging__ul li.pageNum a {
      border: 1px solid #e0e0e0;
      line-height: 27px;
      float: left;
      padding: 0 3px; }
      .paging__ul li.pageNum a.active, .paging__ul li.pageNum a:hover {
        color: #fff;
        font-weight: 600;
        border: 1px solid #1b818c;
        background: #1b818c; }

.form__table-board {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  table-layout: fixed; }
  @media screen and (max-width: 768px) {
    .form__table-board th, .form__table-board td {
      display: block;
      width: 100%; } }
  .form__table-board th {
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd; }
    .form__table-board th.prev {
      background-color: #fafafa;
      background-image: url("/resources/images/icons/ico_arrow_down_g.png");
      background-position: 90% center;
      background-repeat: no-repeat;
      background-size: initial; }
    .form__table-board th.next {
      background-color: #fafafa;
      background-image: url("/resources/images/icons/ico_arrow_top_g.png");
      background-position: 90% center;
      background-repeat: no-repeat;
      background-size: initial; }
  .form__table-board td {
    font-size: 14px;
    color: #333;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd; }
  .form__table-board a {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  @media screen and (max-width: 768px) {
    .form__table-board {
      border-bottom: none; }
      .form__table-board colgroup {
        display: none; }
      .form__table-board th, .form__table-board td {
        display: block;
        font-size: 14px;
        padding: 10px;
        width: 100%;
        height: auto; }
      .form__table-board th.prev, .form__table-board th.next {
        background-position: 97% center; } }

.form__table {
  border-top: 1px solid #2386c8;
  table-layout: fixed; }
  .form__table .default-caption {
    text-align: left;
    padding-left: 15px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
    background-image: url("/resources/images/icons/bul_caption.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: initial; }
    .form__table .default-caption.no-label {
      background: none;
      padding-left: 0; }
    @media screen and (max-width: 768px) {
      .form__table .default-caption {
        font-size: 16px;
        margin-bottom: 15px; } }
  .form__table .txtarea-content {
    height: 120px;
    vertical-align: top; }
  .form__table.list-like th, .form__table.list-like td {
    text-align: center;
    height: 40px; }
  .form__table.list-like-border th, .form__table.list-like-border td {
    text-align: center;
    height: 40px;
    border-right: 1px solid #ddd; }
    .form__table.list-like-border th:last-child, .form__table.list-like-border td:last-child {
      border-right: none; }
  .form__table.small th {
    height: auto; }
  .form__table th {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    background: #f3f6f9;
    height: 60px;
    font-size: 15px;
    font-weight: 600; }
    .form__table th.nobd {
      border: none; }
  .form__table td {
    font-size: 14px;
    color: #333;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    line-height: 20px;
    background: #fff; }
    .form__table td.all {
      text-align: center;
      padding: 50px 0;
      font-size: 18px;
      font-weight: 600; }
      .form__table td.all p {
        line-height: 30px; }
      .form__table td.all .small {
        font-size: 14px;
        color: #656565;
        font-weight: 400; }
    .form__table td.nobd {
      border: none; }
  .form__table .with-btn-pc {
    position: relative; }
    .form__table .with-btn-pc .text-wrap {
      display: block;
      padding-right: 98px; }
    .form__table .with-btn-pc a {
      position: absolute;
      right: 15px;
      top: 12px; }
    .form__table .with-btn-pc.word2 .text-wrap {
      padding-right: 72px; }
    .form__table .with-btn-pc.line2 a {
      right: 0;
      top: 0; }
  .form__table tr.div th, .form__table tr.div td {
    border-bottom: 1px solid #656565; }
  @media screen and (max-width: 768px) {
    .form__table colgroup {
      display: none; }
    .form__table th, .form__table td {
      display: block;
      font-size: 14px;
      width: 100%;
      height: auto; }
    .form__table th.nobd {
      border-bottom: 1px solid #ddd; }
    .form__table td {
      min-height: 45px;
      font-size: 13px; }
      .form__table td.all {
        padding: 40px 0;
        font-size: 15px; }
    .form__table .with-btn {
      position: relative; }
      .form__table .with-btn .text-wrap {
        display: block;
        padding-right: 100px; }
      .form__table .with-btn a {
        position: absolute;
        right: 15px;
        top: 12px; } }
  .form__table .unit {
    display: inline-block;
    width: 20px;
    text-align: center; }
    .form__table .unit.s {
      width: 10px; }

.form__table-fixed {
  border-top: 1px solid #2386c8;
  table-layout: fixed; }
  .form__table-fixed .default-caption {
    text-align: left;
    padding-left: 15px;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
    background-image: url("/resources/images/icons/bul_caption.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: initial; }
    .form__table-fixed .default-caption.no-label {
      background: none;
      padding-left: 0; }
    @media screen and (max-width: 768px) {
      .form__table-fixed .default-caption {
        font-size: 16px;
        margin-bottom: 15px; } }
  .form__table-fixed tr.hover:hover {
    background: #fafafa; }
    .form__table-fixed tr.hover:hover td {
      cursor: pointer;
      background: none; }
  .form__table-fixed.list-like th, .form__table-fixed.list-like td {
    text-align: center;
    height: 40px; }
  .form__table-fixed.list-like-border th, .form__table-fixed.list-like-border td {
    text-align: center;
    height: 40px;
    border-right: 1px solid #ddd;
    word-break: break-all; }
    .form__table-fixed.list-like-border th:last-child, .form__table-fixed.list-like-border td:last-child {
      border-right: none; }
  .form__table-fixed.small th {
    height: auto; }
  .form__table-fixed th {
    padding: 12px 5px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    background: #f3f6f9;
    height: 60px;
    font-size: 15px;
    font-weight: 600; }
  .form__table-fixed td {
    font-size: 14px;
    color: #333;
    padding: 12px 5px;
    border-bottom: 1px solid #ddd;
    line-height: 20px;
    background: #fff; }
    .form__table-fixed td.narrow {
      padding: 8px 5px; }
  .form__table-fixed th.last, .form__table-fixed td.last {
    border-right: none; }
  .form__table-fixed tr.div th, .form__table-fixed tr.div td {
    border-bottom: 1px solid #656565; }
  @media screen and (max-width: 1024px) {
    .form__table-fixed th.last-t, .form__table-fixed td.last-t {
      border-right: none; } }
  @media screen and (max-width: 768px) {
    .form__table-fixed th, .form__table-fixed td, .form__table-fixed .btn {
      font-size: 13px; }
    .form__table-fixed td {
      min-height: 45px;
      padding: 3px 5px; } }
  @media screen and (max-width: 425px) {
    .form__table-fixed .btn {
      font-size: 12px; } }

/*달력 테이블*/
.calendar__table {
  border-top: 1px solid #2386c8;
  border-bottom: 1px solid #ddd;
  table-layout: fixed; }
  .calendar__table thead tr {
    text-align: center;
    background: #f3f6f9; }
    .calendar__table thead tr th {
      height: 45px; }
    .calendar__table thead tr .date {
      vertical-align: middle;
      padding: 0 10px;
      font-size: 15px;
      font-weight: 600; }
  .calendar__table tbody tr:last-child td {
    padding-bottom: 5px; }
  .calendar__table tbody th {
    font-weight: 600;
    height: 50px; }
  .calendar__table tbody th, .calendar__table tbody td {
    text-align: center;
    font-size: 15px;
    height: 53px; }
  .calendar__table tbody a, .calendar__table tbody span {
    display: inline-block;
    width: 100%;
    height: 53px;
    line-height: 65px; }
  .calendar__table tbody .bg-gray {
    background: #f3f6f9; }
  .calendar__table tbody .bg-plan {
    background-image: url("/resources/images/icons/bul_circle_green.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    background-size: initial; }
    .calendar__table tbody .bg-plan.bg-gray {
      background-color: #f3f6f9; }
  @media screen and (max-width: 768px) {
    .calendar__table tbody .sm {
      height: auto;
      line-height: normal; } }

.login-form {
  overflow: hidden;
  border: 1px solid #e9e9e9;
  border-top: 2px solid #065990;
  padding: 30px 0;
  background-image: url("/resources/images/icons/bg_circle_logo_large.png");
  background-position: -25px -16px;
  background-repeat: no-repeat;
  background-size: 255px; }
  .login-form .left, .login-form .right {
    width: 48%;
    float: left; }
  .login-form .left {
    text-align: center; }
  .login-form .right {
    width: 52%;
    padding-right: 50px; }
  @media screen and (max-width: 1024px) {
    .login-form .right {
      padding-right: 35px; } }
  @media screen and (max-width: 768px) {
    .login-form .left, .login-form .right {
      float: none;
      width: 100%; }
    .login-form .img-login {
      width: 270px; }
    .login-form .right {
      padding: 20px 20px 0 20px; } }
  @media screen and (max-width: 425px) {
    .login-form .img-login {
      width: 250px; } }

.login-form__h1 {
  margin-bottom: 15px;
  font-size: 40px; }
  .login-form__h1 span {
    vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .login-form__h1 {
      font-size: 35px; }
      .login-form__h1 img {
        width: 23px; } }

.login-form__p {
  line-height: 20px;
  font-size: 14px;
  color: #727272; }

.input-box {
  margin-top: 25px;
  position: relative; }
  .input-box .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 768px) {
      .input-box .btn {
        position: static;
        padding: 10px 0;
        margin-top: 10px;
        width: 100%;
        height: auto;
        line-height: normal; } }

.input-box__ul {
  width: 100%;
  padding-right: 120px; }
  .input-box__ul li:first-child {
    margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .input-box__ul {
      padding-right: 0; }
      .input-box__ul li:first-child {
        margin-bottom: 10px; } }

.id-save__p {
  padding: 15px 0;
  border-bottom: 1px solid #f6f6f6;
  font-size: 12px;
  color: #656565; }

.user-location__ul {
  font-size: 12px;
  color: #656565; }
  .user-location__ul li {
    margin-top: 13px;
    background-image: url("/resources/images/icons/bul_gray.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: initial; }
  .user-location__ul .ment {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    width: 76%;
    background-image: url("/resources/images/icons/ico_arrow_right.png");
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 7px; }
  .user-location__ul a {
    display: inline-block;
    padding-left: 10px;
    font-size: 12px;
    color: #656565; }
    .user-location__ul a:hover, .user-location__ul a:active {
      color: #191919;
      transition: all 0.3s ease; }
  @media screen and (max-width: 768px) {
    .user-location__ul .ment {
      width: 73%; } }
  @media screen and (max-width: 375px) {
    .user-location__ul .ment {
      font-size: 11px;
      background: none; }
    .user-location__ul a {
      font-size: 11px;
      color: #065990; } }
  @media screen and (max-width: 320px) {
    .user-location__ul .ment {
      width: 68%; } }

.cp-block {
  margin-top: 50px;
  overflow: hidden; }
  .cp-block:first-child {
    margin-top: 0; }

.cp-default__p {
  margin-bottom: 10px;
  line-height: 25px;
  font-size: 15px; }
  @media screen and (max-width: 768px) {
    .cp-default__p {
      font-size: 13px; } }

.cp-title__p {
  text-align: center;
  font-size: 18px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .cp-title__p {
      font-size: 16px; } }

.cp-default__ol {
  font-size: 15px; }
  .cp-default__ol > li {
    padding-left: 15px;
    text-indent: -15px;
    list-style-type: decimal;
    list-style-position: inside; }
  @media screen and (max-width: 768px) {
    .cp-default__ol {
      font-size: 13px; } }

ul.cp-default__ul {
  font-size: 15px; }
  ul.cp-default__ul > li {
    padding-left: 10px;
    margin-bottom: 17px;
    line-height: 22px;
    background-image: url("/resources/images/icons/bul_blue.png");
    background-position: left 7px;
    background-repeat: no-repeat;
    background-size: initial; }
    ul.cp-default__ul > li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    ul.cp-default__ul {
      font-size: 13px; }
      ul.cp-default__ul > li {
        margin-bottom: 5px; }
        ul.cp-default__ul > li:last-child {
          margin-bottom: 0; } }

ol.cp-default__ul {
  font-size: 15px; }
  ol.cp-default__ul > li {
    padding-left: 32px;
    text-indent: -20px;
    margin-bottom: 17px;
    line-height: 22px;
    background-image: url("/resources/images/icons/bul_blue.png");
    background-position: left 9px;
    background-repeat: no-repeat;
    background-size: initial; }
    ol.cp-default__ul > li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    ol.cp-default__ul {
      font-size: 13px; }
      ol.cp-default__ul > li {
        margin-bottom: 5px;
        padding-left: 28px;
        text-indent: -20px; }
        ol.cp-default__ul > li:last-child {
          margin-bottom: 0; } }

.default-card-list__ul li {
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px 30px;
  min-height: 150px;
  margin-bottom: 20px;
  display: table; }
  .default-card-list__ul li:last-child {
    margin-bottom: 0; }

.default-card-list__ul p {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0;
  padding-left: 15px;
  line-height: 23px; }

.default-card-list__ul .bg {
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  height: 100px; }

@media screen and (max-width: 768px) {
  .default-card-list__ul .bg {
    display: inline-block; }
  .default-card-list__ul li {
    padding: 20px;
    text-align: center; }
  .default-card-list__ul p {
    padding-left: 0;
    text-align: center;
    display: block;
    margin-top: 15px;
    font-size: 13px; } }

.bg-history {
  background-image: url("/resources/images/bg_history.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: initial;
  padding-bottom: 130px; }
  @media screen and (max-width: 768px) {
    .bg-history {
      background-size: contain;
      padding-bottom: 20px; } }

/*연혁 스타일*/
.history-title {
  padding: 60px 0; }
  @media screen and (max-width: 768px) {
    .history-title {
      padding: 0 0 30px 0; } }

.history-tab li {
  width: 18%;
  margin-right: 2%;
  float: left; }

.history-tab a {
  display: inline-block;
  text-align: center;
  border: 1px solid #2386c8;
  font-size: 16px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px; }
  .history-tab a.active {
    background: #2386c8;
    color: #fff;
    font-weight: 600; }

@media screen and (max-width: 1024px) {
  .history-tab a {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .history-tab li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px; } }

.history-content-wrap {
  margin-top: 55px;
  overflow: hidden; }
  .history-content-wrap > div {
    overflow: hidden;
    background-image: url("/resources/images/icons/bul_blue_small.png");
    background-position: 9px 10px;
    background-repeat: repeat-y;
    background-size: initial; }
  @media screen and (max-width: 768px) {
    .history-content-wrap {
      margin-top: 30px; } }

.history-content__h2 {
  float: left;
  width: 20%;
  padding-left: 45px;
  margin-top: -7px;
  background-image: url("/resources/images/icons/ico_circle_right_bg.png");
  background-position: -1px 1px;
  background-repeat: no-repeat;
  background-size: auto;
  font-size: 30px;
  font-weight: 900; }
  @media screen and (max-width: 768px) {
    .history-content__h2 {
      margin-top: -3px;
      padding-left: 30px;
      font-size: 20px;
      float: none;
      width: 100%;
      background-size: 18px; } }

.history-content__ul {
  float: left;
  width: 80%; }
  .history-content__ul li {
    padding: 2px 0 15px 0; }
    .history-content__ul li:last-child {
      margin-bottom: 50px; }
  .history-content__ul label {
    float: left;
    width: 30%;
    display: inline-block;
    font-size: 15px;
    color: #065990;
    font-weight: 600; }
  .history-content__ul p {
    float: left;
    width: 70%;
    font-size: 15px; }
  .history-content__ul span {
    display: block;
    margin-bottom: 5px; }
  @media screen and (max-width: 768px) {
    .history-content__ul {
      float: none;
      width: 100%;
      padding: 15px 0 25px 30px; }
      .history-content__ul label, .history-content__ul p {
        font-size: 13px; } }

.mou__h3 {
  border-bottom: 1px solid #2386c8;
  margin-bottom: 20px;
  padding: 10px 0 10px 15px;
  font-size: 16px;
  font-weight: 600;
  background-image: url("/resources/images/icons/bul_blue.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: initial; }
  .mou__h3 span {
    float: right;
    font-size: 13px;
    font-weight: 400; }

.mou__ul li {
  width: 31.3333%;
  height: 150px;
  float: left;
  margin-right: 2%;
  margin-bottom: 30px; }
  .mou__ul li:last-child {
    margin-right: 0; }

.mou__ul a {
  display: inline-block;
  border: 1px solid #ddd;
  position: relative;
  width: 100%;
  height: 100px; }
  .mou__ul a img {
    width: 100%;
    height: 100%; }
  .mou__ul a:hover .mask {
    display: block; }

.mou__ul label {
  font-size: 14px;
  line-height: 19px;
  padding: 10px 0;
  display: block;
  text-align: center; }

.mou__ul .mask {
  display: none;
  text-align: center;
  padding: 31px 0;
  background: rgba(40, 39, 41, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

@media screen and (max-width: 768px) {
  .mou__ul label {
    font-size: 13px; }
  .mou__ul a:hover .mask {
    display: none; } }

@media screen and (max-width: 320px) {
  .mou__ul li {
    width: 100%;
    height: auto;
    float: none; } }

/*물리치료사 윤라 스타일*/
.ethic-top {
  padding: 30px;
  background-image: url("/resources/images/bg_ethic.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover; }
  .ethic-top .ethic-top__h1 {
    margin-bottom: 20px;
    line-height: 23px;
    font-size: 20px;
    font-weight: 600; }
    .ethic-top .ethic-top__h1 span {
      display: inline-block;
      margin-bottom: 8px;
      font-size: 24px; }
  .ethic-top p {
    font-size: 15px;
    line-height: 22px; }
  @media screen and (max-width: 768px) {
    .ethic-top {
      background-image: url("/resources/images/bg_ethic_m.jpg"); }
      .ethic-top .ethic-top__h1 {
        font-size: 17px; }
        .ethic-top .ethic-top__h1 span {
          font-size: 22px; }
      .ethic-top p {
        font-size: 14px; } }

.ethic__ul li {
  width: 49%;
  width: 49%;
  height: 185px; }
  .ethic__ul li:nth-child(odd) {
    float: left; }
  .ethic__ul li:nth-child(even) {
    float: right; }
  .ethic__ul li:nth-child(1) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic01.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(2) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic02.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(3) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic03.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(4) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic04.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(5) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic05.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(6) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic06.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(7) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic07.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(8) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic08.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(9) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic09.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }
  .ethic__ul li:nth-child(10) .ethic-ment {
    background-image: url("/resources/images/icons/ico_kpta_ethic10.png");
    background-position: right 30px;
    background-repeat: no-repeat;
    background-size: initial; }

@media screen and (max-width: 768px) {
  .ethic__ul li {
    width: 100%;
    height: auto;
    float: none !important; }
    .ethic__ul li .ethic-ment {
      background-size: 65px !important; } }

.ethic__h3 {
  font-size: 18px;
  font-weight: 600; }
  @media screen and (max-width: 768px) {
    .ethic__h3 {
      font-size: 16px; } }

.ethic-num {
  display: inline-block;
  padding: 12px;
  border: 1px solid #ddd;
  color: #2386c8;
  margin-right: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px; }
  @media screen and (max-width: 768px) {
    .ethic-num {
      padding: 8px;
      margin-right: 5px; } }

.ethic-title {
  display: inline-block;
  background: #fff;
  padding-right: 5px; }

.ethic-ment {
  word-break: keep-all;
  margin-top: -25px;
  margin-left: 60px;
  padding: 30px 110px 90px 0;
  border-top: 1px solid #ddd;
  font-size: 15px;
  line-height: 22px; }
  @media screen and (max-width: 768px) {
    .ethic-ment {
      margin-top: -20px;
      margin-left: 48px;
      padding-bottom: 50px;
      font-size: 14px; } }

/*개인정보 처리 방침*/
.policy-box {
  border: 1px solid #ddd;
  padding: 30px;
  margin-top: 20px;
  line-height: 25px;
  font-size: 14px;
  color: #656565;
  font-weight: 400; }
  .policy-box h3 {
    padding: 20px 0 10px 0;
    font-size: 15px;
    color: #333;
    font-weight: 600; }
  .policy-box h4 {
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    font-weight: 600; }
  .policy-box p {
    padding-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .policy-box {
      padding: 20px;
      word-break: break-all; } }

/*회장인사말 스타일*/
.ceo-top {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  position: relative; }

.ceo-top-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 55%;
  background-image: url("/resources/images/center/contentPage/visual_ceo_new.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain; }
  @media screen and (max-width: 640px) {
    .ceo-top-img {
      position: static;
      background: none;
      text-align: center; } }
  .ceo-top-img img {
    max-width: 100%; }

.ceo-top-content {
  width: 70%;
  padding: 0 20px;
  margin-bottom: 10px;
  float: left;
  position: relative; }
  .ceo-top-content .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border: 8px solid #065990; }
  @media screen and (max-width: 640px) {
    .ceo-top-content {
      width: 100%;
      float: none; } }

.ceo-top-content-inner {
  position: relative;
  background: #fff;
  padding: 25px; }
  .ceo-top-content-inner .title {
    line-height: 30px;
    font-size: 23px;
    font-weight: 600; }
  .ceo-top-content-inner .desc {
    margin-top: 20px;
    line-height: 22px;
    font-size: 15px; }
  @media screen and (max-width: 768px) {
    .ceo-top-content-inner {
      padding: 20px; }
      .ceo-top-content-inner .title {
        font-size: 18px;
        line-height: 25px; }
      .ceo-top-content-inner .desc {
        font-size: 14px; } }

.sign {
  float: right; }
  .sign span {
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle;
    font-size: 15px; }
  @media screen and (max-width: 768px) {
    .sign span {
      font-size: 14px;
      margin-right: 25px; } }

.association-top {
  padding: 40px 30px;
  position: relative;
  overflow: hidden;
  background-image: url("/resources/images/center/contentPage/bg_association.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .association-top img {
    position: absolute;
    right: 30px;
    top: 30px; }
  .association-top .main-title {
    margin: 7px 0;
    font-size: 24px;
    color: #065990;
    font-weight: 600; }
  .association-top .title {
    margin-bottom: 15px;
    line-height: 25px;
    font-size: 20px;
    font-weight: 600; }
  .association-top .desc {
    line-height: 20px;
    font-size: 14px; }
  @media screen and (max-width: 768px) {
    .association-top {
      padding: 30px 20px; }
      .association-top img {
        width: 50%;
        max-width: 290px; }
      .association-top .main-title {
        font-size: 20px; }
      .association-top .title {
        font-size: 18px; } }
  @media screen and (max-width: 425px) {
    .association-top {
      text-align: center;
      padding: 20px; }
      .association-top img {
        top: 60%;
        right: 0; }
      .association-top .title {
        font-size: 16px; } }

#societyInfo__table img {
  width: 100%;
  max-width: 76px; }

/*찾아오시는 길 스타일*/
.map__ul {
  font-size: 15px;
  border-top: 1px solid #eee; }
  .map__ul li {
    border-bottom: 1px solid #eee;
    padding: 20px 0 20px 15px;
    line-height: 21px;
    background-image: url("/resources/images/icons/bul_blue.png");
    background-position: left 28px;
    background-repeat: no-repeat;
    background-size: initial; }
  .map__ul label {
    float: left;
    width: 30%;
    font-weight: 600; }
  .map__ul p {
    float: left;
    width: 70%; }
  @media screen and (max-width: 768px) {
    .map__ul {
      font-size: 13px; }
      .map__ul li {
        padding: 10px 15px;
        background-position: left 17px; }
      .map__ul label, .map__ul p {
        width: 100%;
        float: none;
        display: block; }
      .map__ul label {
        font-size: 14px; } }

.traffic__ul {
  border: 1px solid #eee;
  padding: 0 30px; }
  .traffic__ul > li {
    padding: 20px 0; }
    .traffic__ul > li:first-child {
      border-bottom: 1px solid #eee; }
  .traffic__ul .traffic-left {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
    .traffic__ul .traffic-left label {
      display: block;
      margin-top: 10px;
      font-size: 15px;
      font-weight: 600; }
  @media screen and (max-width: 768px) {
    .traffic__ul {
      padding: 0 25px; }
      .traffic__ul .traffic-left {
        width: 100%;
        text-align: center; } }

.traffic-right__ul {
  font-size: 15px;
  width: 78%;
  display: inline-block;
  vertical-align: middle; }
  .traffic-right__ul > li {
    position: relative;
    margin-bottom: 15px;
    padding: 5px 0 5px 30px; }
    .traffic-right__ul > li:last-child {
      margin-bottom: 0; }
  .traffic-right__ul i {
    position: absolute;
    left: 0;
    top: 5px; }
  .traffic-right__ul .traffic-inner__ul {
    margin-top: 10px; }
    .traffic-right__ul .traffic-inner__ul li {
      margin-bottom: 7px;
      padding-left: 20px;
      background-image: url("/resources/images/icons/bul_gray.png");
      background-position: 9px 10px;
      background-repeat: no-repeat;
      background-size: initial; }
  @media screen and (max-width: 768px) {
    .traffic-right__ul {
      width: 100%;
      margin-top: 20px;
      font-size: 13px; }
      .traffic-right__ul > li {
        margin-bottom: 10px;
        padding-left: 25px; }
      .traffic-right__ul .traffic-inner__ul li {
        margin-bottom: 5px; } }

/*물리치료사란*/
.about-top-box {
  padding: 20px 15px;
  overflow: hidden;
  background-image: url("/resources/images/bg_about.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover; }
  .about-top-box .left {
    width: 48%;
    float: left; }
  .about-top-box .right {
    width: 50%;
    float: right; }
  @media screen and (max-width: 768px) {
    .about-top-box .left, .about-top-box .right {
      width: 100%;
      float: none; } }

.about-top__h2 {
  text-align: center;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 600; }
  .about-top__h2 .small {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 400; }
  @media screen and (max-width: 768px) {
    .about-top__h2 {
      font-size: 16px;
      padding-top: 15px; }
      .about-top__h2 .small {
        font-size: 14px; } }

.about-script {
  background: #fff;
  height: 169px;
  margin-top: 14px;
  overflow-y: scroll;
  color: #656565;
  padding: 10px;
  line-height: 22px; }
  @media screen and (max-width: 768px) {
    .about-script {
      height: 140px !important;
      font-size: 13px; } }

.about-mid-img {
  padding-left: 10px; }

.about-mid-ment {
  margin-top: 25px;
  padding-left: 10px; }

.about-btm-img {
  padding: 30px 0;
  text-align: center; }
  .about-btm-img img {
    width: 100%;
    max-width: 530px; }
  @media screen and (max-width: 768px) {
    .about-btm-img {
      padding: 15px 0; } }

.about-btm-ment {
  line-height: 25px;
  text-align: center; }
  .about-btm-ment span {
    display: block; }
  @media screen and (max-width: 768px) {
    .about-btm-ment span {
      display: inline; } }

.about__ul .bg01 {
  background-image: url("/resources/images/icons/ico_kpta_about01.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.about__ul .bg02 {
  background-image: url("/resources/images/icons/ico_kpta_about02.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.about__ul .bg03 {
  background-image: url("/resources/images/icons/ico_kpta_about03.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.about__ul .bg04 {
  background-image: url("/resources/images/icons/ico_kpta_about04.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-top {
  padding: 60px 30px 50px;
  background-image: url("/resources/images/center/contentPage/bg_kpta_course.png");
  background-position: 40% center;
  background-repeat: no-repeat;
  background-size: cover; }
  .course-top .title {
    margin-bottom: 10px;
    font-size: 24px;
    color: #065990;
    font-weight: 600; }
  .course-top .desc {
    font-size: 20px;
    font-weight: 600; }
  @media screen and (max-width: 768px) {
    .course-top {
      text-align: center;
      padding: 40px 10px;
      background-position: 60% center; }
      .course-top .title {
        font-size: 20px; }
      .course-top .desc {
        line-height: 25px;
        font-size: 17px; } }

.course-mid__ul {
  padding: 30px 0; }
  .course-mid__ul li {
    float: left;
    width: 20%;
    text-align: center;
    padding-bottom: 15px;
    padding-right: 10px;
    overflow: visible; }
  @media screen and (max-width: 1024px) {
    .course-mid__ul {
      max-width: 650px;
      margin: 0 auto; }
      .course-mid__ul li {
        width: 33.3333%; } }
  @media screen and (max-width: 425px) {
    .course-mid__ul li {
      width: 50%; } }

.course-mid-card {
  border: 1px solid #ddd;
  padding: 20px 5px;
  height: 200px;
  position: relative; }
  .course-mid-card .bg {
    display: inline-block;
    width: 90px;
    height: 90px; }
    .course-mid-card .bg.bg01 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -7px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg02 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -143px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg03 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -280px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg04 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -415px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg05 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -550px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg06 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -688px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg07 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -824px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg08 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -960px center;
      background-repeat: no-repeat;
      background-size: initial; }
    .course-mid-card .bg.bg09 {
      background-image: url("/resources/images/center/contentPage/sprite_kpta_course01.png");
      background-position: -1098px center;
      background-repeat: no-repeat;
      background-size: initial; }
  .course-mid-card .num {
    display: inline-block;
    position: absolute;
    background: #fff;
    top: -10px;
    left: 15px;
    text-align: center;
    padding: 0 10px;
    font-size: 15px;
    color: #ddd;
    font-weight: 600; }
  .course-mid-card label {
    line-height: 20px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 600; }
  @media screen and (max-width: 1201px) {
    .course-mid-card label {
      font-size: 14px; } }
  @media screen and (max-width: 425px) {
    .course-mid-card label {
      font-size: 13px; } }

.course-mid-card--global {
  height: 280px; }

.course-btm__ul .bg.bg01 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -3px center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-btm__ul .bg.bg02 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -137px center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-btm__ul .bg.bg03 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -271px center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-btm__ul .bg.bg04 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -405px center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-btm__ul .bg.bg05 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -540px center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-btm__ul .bg.bg06 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -673px center;
  background-repeat: no-repeat;
  background-size: initial; }

.course-btm__ul .bg.bg07 {
  background-image: url("/resources/images/center/contentPage/sprite_kpta_course02.png");
  background-position: -807px center;
  background-repeat: no-repeat;
  background-size: initial; }

/* 보수교육 이수증 & 영수증 */
.layerpop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  /* width:360px;width:360px; */
  height: auto;
  background: #fff;
  z-index: 99999;
  padding: 1%; }

.layerpop.meterial {
  position: inherit;
  width: inherit;
  margin-left: inherit;
  top: inherit;
  left: inherit; }

.layerpop.open {
  display: block; }

.layerpop .wrap {
  min-width: auto; }

.layerpop h4 {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background: #4f4f4f; }

.layerpop h5 {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background: #4f4f4f; }

.layerpop .cont {
  padding: 10px 10px;
  height: auto !important; }

.layerpop .btn_area {
  margin: 20px 0 20px 0; }

.layerpop .btn_area .btntype1 {
  height: 37px;
  line-height: 37px;
  padding: 0 20px; }

.layerpop .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 47px;
  padding: 0 20px;
  line-height: 47px;
  font-size: 12px;
  color: #4f4f4f;
  border-top: 1px solid #eaeaea;
  background: #f7f7f7; }

.layerpop .bottom .btn_area {
  position: absolute;
  top: 0px;
  right: 20px;
  margin: 0; }

.layerpop .bottom .btn_area .btntype1 {
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  font-size: 14px; }

.layerpop .input_check_wrap:not(#cssbrowser) > input[type="checkbox"] + label {
  height: 17px;
  background-size: 17px 34px; }

.layerpop .input_check_wrap:not(#cssbrowser) > input[type="checkbox"]:checked + label {
  background-position: 0 -17px; }

.layerpop .notice {
  margin: 20px; }

.layerpop .notice:after {
  content: "";
  display: block;
  clear: both; }

.layerpop .notice div {
  float: left; }

.layerpop .notice .member_number {
  width: 170px;
  height: 190px;
  margin-right: 33px;
  border: 1px solid #dcdcdc;
  background: url(../images/bg_member.gif) no-repeat 0 0; }

.layerpop .notice .member_number span {
  display: inline-block;
  width: 120px;
  height: 35px;
  margin: 35px 0 0 33px;
  line-height: 35px;
  letter-spacing: 2px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  background: #4f4f4f; }

.layerpop .notice strong {
  display: inline-block;
  margin-bottom: 7px;
  padding-left: 30px;
  font-weight: 500;
  color: #3e6ba1;
  background: url(../images/icon/ico_notice.png) no-repeat 0 0; }

.layerpop .notice p {
  width: 270px;
  line-height: 25px; }

.layerpop .notice p span {
  display: block;
  color: #767676; }

.layerpop.active {
  display: block; }

.layerpop.type2 {
  width: 530px;
  height: 460px; }

.layerpop.type2 ul.input_area {
  width: auto; }

.layerpop.type2 ul.input_area li {
  padding-left: 0;
  background: none; }

.layerpop.type2 ul.input_area li span.layer_info {
  right: -145px; }

.layerpop.certificate {
  display: block;
  position: static;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  left: 0;
  margin-left: 0;
  padding-bottom: 20px;
  font-family: serif;
  background: #fff; }

.layerpop.certificate .wrap {
  width: 592px;
  height: 811px;
  min-width: auto;
  margin: 0 auto;
  background: url(/resources/images/bg_certificate.jpg) no-repeat 50% 10px; }

.layerpop.certificate .wrap .header {
  border: 0px; }

.layerpop.certificate .wrap .header h5 {
  position: relative;
  height: auto;
  padding: 0;
  padding-top: 60px;
  line-height: 35px;
  font-size: 35px;
  color: #1b1b1b;
  font-weight: bold;
  text-align: center;
  font-family: serif;
  background: none; }

.layerpop.certificate .wrap .header .certificate_tbl {
  width: 500px;
  margin: 0 auto;
  margin-top: 55px; }

.layerpop.certificate .wrap .header .certificate_tbl tr {
  height: 43px;
  line-height: 43px;
  text-indent: 15px;
  text-align: left;
  border-bottom: 1px solid #eaeaea; }

.layerpop.certificate .wrap .header .certificate_tbl tr th,
.layerpop.certificate .wrap .header .certificate_tbl tr td {
  font-family: serif;
  letter-spacing: -1px;
  font-weight: normal;
  font-size: 14px;
  border-bottom: 1px solid #eaeaea; }

.layerpop.certificate .wrap .cont {
  width: 470px;
  margin: 0 auto;
  margin-top: 68px;
  text-align: center;
  font-family: serif;
  font-size: 16px;
  line-height: 27px;
  color: #1b1b1b; }

.layerpop.certificate .wrap .footer {
  margin-top: 65px;
  padding-bottom: 0;
  text-align: center;
  background: none; }

.layerpop.certificate .wrap .footer span {
  display: block;
  font-family: serif; }

.layerpop.certificate .wrap .footer strong {
  display: block;
  margin-top: 60px;
  font-size: 23px;
  font-family: serif; }

.layerpop.certificate .wrap .footer strong em {
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
  font-family: serif; }

.layerpop.certificate .btn_area {
  text-align: center; }

.layerpop.receipt {
  display: block;
  position: static;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  margin-left: 0;
  padding: 0;
  padding-bottom: 20px;
  font-family: serif;
  border: 0;
  background: #fff; }

.layerpop.receipt .wrap {
  width: 598px;
  height: 408px;
  min-width: auto;
  background: url(/resources/images/bg_receipt.jpg) no-repeat; }

.layerpop.receipt .wrap .header {
  border: 0; }

.layerpop.receipt .wrap .header h5 {
  position: relative;
  height: auto;
  padding: 0;
  padding-top: 47px;
  line-height: 30px;
  font-size: 30px;
  color: #1b1b1b;
  font-weight: bold;
  text-align: center;
  font-family: serif;
  background: none; }

.layerpop.receipt .wrap .header span {
  position: absolute;
  top: 47px;
  left: 40px;
  font-size: 12px;
  letter-spacing: -1px;
  font-family: serif;
  border-bottom: 1px solid #4f4f4f; }

.layerpop .wrap .recipt__ul {
  font-size: 16px;
  position: absolute;
  top: 63px;
  left: 295px;
  margin-top: 20px;
  padding: 20px;
  border-top: 0; }

.layerpop .wrap .recipt__ul li {
  padding-left: 0;
  margin-bottom: 0;
  font-family: serif;
  line-height: 25px;
  font-weight: bold;
  background: none; }

.layerpop .wrap .recipt__ul li strong {
  font-family: serif;
  display: inline-block;
  width: 100px;
  font-weight: bold; }

.layerpop .wrap .recipt__ul li em {
  font-family: serif; }

.layerpop.receipt .wrap .cont {
  margin-top: 135px;
  text-align: center;
  font-family: serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  color: #1b1b1b; }

.draggable0 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999; }

.draggable1 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 650px; }

.draggable2 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 1050px; }

.draggable3 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 450px;
  left: 20px;
  z-index: 999;
  margin-top: 300px;  }

.draggable4 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 450px;
  left: 20px;
  z-index: 999;
  margin-left: 500px;
  margin-top: 300px; }

.draggable5 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 450px;
  left: 20px;
  z-index: 999;
  margin-left: 1000px;
  margin-top: 300px;}

.draggable6 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-top: 600px;  }

.draggable7 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 490px;
  margin-top: 600px; }

.draggable8 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 980px;
  margin-top: 600px; }

.draggable9 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-top: 900px; }

.draggable10 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 490px;
  margin-top: 900px; }

.draggable11 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 980px;
  margin-top: 900px;}

.draggable12 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-top: 1200px;  }

.draggable13 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 490px;
  margin-top: 1200px;  }

.draggable14 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 980px;
  margin-top: 1200px; }

.draggable15 {
  width: 480px;
  background: #fff;
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 999;
  margin-left: 980px;
  margin-top: 1200px; }

.layer_tit {
  background: #4f4f4f;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  text-indent: 10px; }

.layer_txt {
  padding: 10px;
  box-sizing: border-box; }

.layer_close_container {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 40px;
  line-height: 40px; }

span.layer_close {
  float: right;
  cursor: pointer;
  margin-top: 4px;
  margin-right: 10px;
  width: 68px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center; }

input.layer_not_openDay {
  vertical-align: middle;
  margin-left: 10px; }

@media screen and (max-width: 1024px) {
  .draggable {
    display: none !important; } }

.sitemap__ul > li {
  display: inline-block;
  width: 30%;
  margin-right: 2%;
  margin-bottom: 80px;
  vertical-align: top; }
  .sitemap__ul > li:last-child {
    margin-right: 0; }

.sitemap__h1 {
  background: #f3f6f9;
  text-align: center;
  border-top: 1px solid #2386c8;
  border-bottom: 1px solid #ddd;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  font-weight: 600; }

.sitemap-dept2__ul > li {
  border-bottom: 1px solid #ddd; }

.sitemap-dept2__ul a {
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  height: 45px;
  line-height: 45px; }

.sitemap-dept3__ul {
  padding: 20px 0;
  border-top: 1px solid #ddd; }
  .sitemap-dept3__ul a {
    border-bottom: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400; }

.photogallery {
  padding-top: 30px;
  border-top: 1px solid #727272;
  border-bottom: 1px solid #ddd; }

.photogallery__ul li {
  width: 32%;
  margin-right: 2%;
  float: left;
  border: 1px solid #eee;
  margin-bottom: 30px; }
  .photogallery__ul li:nth-child(3n) {
    margin-right: 0; }

.photogallery__ul a {
  display: inline-block;
  width: 100%; }

.photogallery__ul img {
  width: 100%;
  height: 250px; }

.photogallery__ul .desc {
  padding: 20px; }

.photogallery__ul .desc-title, .photogallery__ul .desc-sub {
  display: block;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.photogallery__ul .desc-title {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600; }

.photogallery__ul .desc-sub {
  font-size: 14px;
  color: #656565; }

@media screen and (max-width: 768px) {
  .photogallery__ul li {
    width: 49%;
    margin-right: 1%; }
    .photogallery__ul li:nth-child(2n) {
      margin-right: 0;
      margin-left: 1%; }
  .photogallery__ul .desc {
    padding: 10px 12px; } }

@media screen and (max-width: 425px) {
  .photogallery__ul li {
    width: 100%;
    margin: 0 0 20px !important; } }

.voteGallery__ul li {
  width: 24%;
  margin-right: 1%;
  float: left;
  border: 1px solid #eee;
  margin-bottom: 30px; }
  .voteGallery__ul li:nth-child(4n) {
    margin-right: 0; }

.voteGallery__ul a {
  display: inline-block;
  width: 100%; }

.voteGallery__ul img {
  width: 100%;
  height: 160px; }

.voteGallery__ul .desc {
  padding: 20px; }

.voteGallery__ul .desc-title {
  display: block;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.voteGallery__ul .desc-title {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600; }

@media screen and (max-width: 768px) {
  .voteGallery__ul li {
    width: 32%;
    margin-right: 2%; }
    .voteGallery__ul li:nth-child(4n) {
      margin-right: 2%; }
    .voteGallery__ul li:nth-child(3n) {
      margin-right: 0; }
  .voteGallery__ul .desc {
    padding: 10px 12px; } }

@media screen and (max-width: 425px) {
  .voteGallery__ul li {
    width: 49%;
    margin-right: 1%; }
    .voteGallery__ul li:nth-child(4n), .voteGallery__ul li:nth-child(3n) {
      margin-right: 1%; }
    .voteGallery__ul li:nth-child(2n) {
      margin-right: 0;
      margin-left: 1%; } }

.b-gmainVisual {
  background-image: url("/resources/images/global/main/bg_mainVisual.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 1024px) {
    .b-gmainVisual {
      margin-top: 70px; } }

.b-gmainVisual__inner {
  height: 400px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .b-gmainVisual__inner {
      height: auto;
      padding: 30px 0; } }

.b-gmainVisual__top {
  padding-right: 55%;
  position: absolute;
  left: 0;
  bottom: 50px; }
  @media screen and (max-width: 1024px) {
    .b-gmainVisual__top {
      padding-right: 0; } }
  @media screen and (max-width: 768px) {
    .b-gmainVisual__top {
      position: static; } }

.b-gmainVisual-left {
  background: rgba(6, 89, 144, 0.6); }
  @media screen and (max-width: 1024px) {
    .b-gmainVisual-left {
      width: 70%;
      margin: 0; } }
  @media screen and (max-width: 640px) {
    .b-gmainVisual-left {
      width: 100%; } }

.b-gmainVisual-left__inner {
  padding: 40px 30px;
  color: #fff;
  word-break: keep-all; }
  .b-gmainVisual-left__inner .main {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    font-size: 32px;
    font-weight: 900; }
  .b-gmainVisual-left__inner .sub {
    margin-top: 5px;
    padding-bottom: 20px;
    position: relative;
    font-size: 18px;
    font-weight: 700; }
    .b-gmainVisual-left__inner .sub:after {
      content: '';
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 0;
      background: #065990;
      width: 38px;
      height: 3px; }
  .b-gmainVisual-left__inner .desc {
    margin-top: 25px;
    line-height: 30px;
    font-size: 18px; }
  @media screen and (max-width: 768px) {
    .b-gmainVisual-left__inner {
      padding: 20px; }
      .b-gmainVisual-left__inner .main {
        font-size: 23px; }
      .b-gmainVisual-left__inner .sub {
        font-size: 15px; }
      .b-gmainVisual-left__inner .desc {
        margin-top: 15px;
        line-height: 20px;
        font-size: 15px; } }

footer {
  background: #545b66; }

.footer-notice-wrap {
  background: #4a515c;
  padding: 10px 0; }

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0 50px;
  position: relative; }

.footer-notice__ul {
  max-width: 1200px;
  margin: 0 auto; }
  .footer-notice__ul li {
    float: left; }
  .footer-notice__ul a {
    display: inline-block;
    font-size: 15px;
    color: #fff; }
    .footer-notice__ul a.point {
      color: #2386c8; }

.footer__h2 {
  display: inline-block;
  width: 25%;
  float: left; }

.footer__ul {
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
  line-height: 22px;
  word-break: keep-all;
  font-size: 13px;
  color: #bbb; }
  .footer__ul li.copyright {
    margin-top: 10px; }
  .footer__ul a {
    color: #bbb; }

.footer__select {
  float: right; }
  .footer__select select {
    width: 160px;
    background-color: #4a515c;
    background-image: url("/resources/images/icons/ico_selecbox_w.png");
    background-position: 96% 50%;
    background-repeat: no-repeat;
    background-size: initial;
    border: #2c2c2c;
    color: #eee;
    text-indent: 0;
    padding-left: 5px; }

@media screen and (max-width: 1201px) {
  .footer-notice-wrap {
    padding: 10px 20px; }
  .footer-inner {
    padding: 20px 20px 50px; } }

@media screen and (max-width: 1024px) {
  .footer__h2 {
    display: block;
    width: 100%; }
    .footer__h2 img {
      width: 180px; }
  .footer__ul {
    padding-left: 50px;
    padding-top: 15px;
    font-size: 13px; } }

@media screen and (max-width: 768px) {
  .footer-notice-wrap {
    text-align: center; }
  .footer-notice__ul {
    display: inline-block; }
    .footer-notice__ul a {
      font-size: 13px; }
  .footer-inner {
    padding: 20px; }
  .footer__h2 {
    text-align: center; }
  .footer__ul {
    padding: 15px 0 0;
    width: 100%;
    display: block;
    text-align: center; }
    .footer__ul .number > span {
      display: block; }
  .footer__select {
    /*   @include position(absolute, 82px, 0, false, 0);*/
    width: 100%;
    margin-top: 10px;
    text-align: center;
    float: none; } }


    /* HSM 20260626 메인페이지 분야별 정보 수정 */
    .main-quick02__ul li {width: 16.66%;}

@media (max-width: 768px) {
  .main-quick02__ul {width: 200%;}
}

/* HSM 20260727 팝업 위치 수정 */
.draggable3 {top: 550px;}