@charset "UTF-8";

#skip {position: absolute;}
#skip p a {position: absolute; top: -200px;}

table { border-spacing: 0; border-collapse: collapse; }

td, th { padding: 0; }

* { font-style: normal; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all !important; }

html, body { width: 100%; height: 100%; margin: 0;}

body { font-family: 'NanumSquare','Nanum Gothic'; font-weight: 400; font-size: 14px; letter-spacing: -0.03em; color: #000; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; color: #fff; }

br { font-family: 'NanumSquare','Nanum Gothic'; }

address, em { font-style: normal; }

hr { display: none; }

form { margin: 0; }

input { line-height: normal;  font-family: 'NotoSans','Nanum Gothic' !important; }

#warp {position: relative;background: url(../../images/main/bg_main.jpg) #ead9c7 no-repeat top center;height: 100vh;background-size: 115%;}

#warp .content {height: 210px;position: absolute; bottom: 0; width: 100%;padding: 0 30px; background: #000; opacity: 0.75; font-size: 14px; font-family: 'NotoSans','Nanum Gothic' !important;}

#warp .content a{color: #fff; font-size: 14px;}

#warp .logo{padding: 30px;}

#warp .content .content_area {min-width: 1230px;margin: 0 auto; margin-top:30px}
#warp .content .content_area .title {font-size: 18px;color: #fff; font-weight: 600;}
#warp .content .content_area .text {font-size: 16px;color: #fff}
#warp .content .content_area .text span {color: #0afb49}
#warp .content .content_area .tel a {display: inline;padding-right: 40px;line-height: 45px;}
#warp .content .content_area .tel a span{font-size: 21px; vertical-align: top; margin-left:10px; font-weight: 300;}
#warp .content .content_area .tel i {font-size: 45px; vertical-align: top}
#container { max-width: 100%; margin: 0 auto;}

#container.type-narrow { max-width: 1200px; }

#container.type-fullpg { max-width: 100%; }

#container.type-fullpg .sub_tab { width: 100%; max-width: 1200px; }

#container.main { position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -280px; width: 600px; }

header { width: 100%; position: fixed; top: 0; left: 0; height: 108px; background-color: #fff; border-bottom: 1px solid #ececec; z-index: 11; }

.main .sub-title { text-align: center;  margin-bottom: 0; color: #4c4c4c; font-size: 30px; line-height: 45px;}

.main .sub-title span { font-size: 42px; line-height: 100%; margin-bottom: 50px; color: #3f7ac6;}

.main .sub-title p { font-size: 22px; line-height: 32px; color: #666; margin: -25px 0 0;}

.main .main-content { width: 100%; position: relative; font-size: 0; }

.main .main-content.login { font-family: 'NotoSans','Nanum Gothic' !important;}

.main .main-content.login .img { display: block; width: 430px; height: 100%; background: url("../../images/login/login_img01.png") 0 0 no-repeat; position: absolute; top: 0; left: 0; }

.main .main-content.login .login-box .id, .main .main-content.login .login-box .pw { position: relative; }

.main .main-content.login .login-box .id:before, .main .main-content.login .login-box .pw:before { display: block; content: ''; background: url("../../images/common/spr-common.png") 0 0 no-repeat; position: absolute; top: 50%; right: 0; }

.main .main-content.login .login-box .id:before { width: 22px; height: 12px; margin-top: -6px; right: 18px; background-position: -118px 0; }

.main .main-content.login .login-box .pw { margin-top: 10px; }

.main .main-content.login .login-box .pw:before { right: 25px; width: 9px; height: 16px; margin-top: -8px; background-position: -140px 0; }

.main .main-content.login .login-box input, .main .main-content.login .login-box button { display: block; width: 100%; height: 60px; line-height: 60px; border: none;}

.main .main-content.login .login-box input { background-color: #f5f5f5; }

.main .main-content.login .login-box button { background-color: #3f7ac6; color: #fff; font-size: 20px; height: 130px; margin-left: 10px;}

.main .main-content.login .apply button { margin: 10px auto; background-color: #3f7ac6; color: #fff; font-size: 20px; display: block; width: 57%; height: 60px; line-height: 60px; border: none; padding: 0 20px;}

.main .main-content.login .find-wrap { text-align: center; font-size: 0; margin-top: 30px; width: 600px; text-align: center;}

.main .main-content.login .find-wrap a { display: inline-block; position: relative; font-size: 16px; line-height: 100%; color: #fff; margin-top: 30px;background: #000;width: 150px;padding: 15px 0;background-color: rgba(0, 0, 0, 0.4); border-radius: 3px;}

.main .main-content.login .find-wrap a + a { margin-left: 41px; }

.main .main-content.login .join-box { padding-right: 160px; position: relative; }

.main .main-content.login .join-box p { font-size: 14px; line-height: 24px; margin: -5px 0; color: #666; }

.main .main-content.login .join-box p strong { display: block; }

.main .main-content.login .join-box p span { display: block; }

.main .main-content.login .join-box .btn { position: absolute; top: 0; right: 0; }

.line-height {line-height: 22px; padding-left: 10px;}

.news ul li {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-spacing: normal;
  overflow: hidden;
}

.privacy {font-size: 1.3rem;}
.privacy a{border:1px solid #0afb49;padding:2px;font-weight: 600; font-size: 16px !important; color: #0afb49 !important;}

#warp .content .disc-list.line-height-small {
  line-height: 24px;
  margin-bottom: 0;
}

#warp .content .disc-list.line-height-small li {
  margin-top: 0;
}

#warp .content .disc-list li {
  line-height: 30px;
}

#warp .content .disc-list > li {
  position:relative; padding-left: 11px; margin-top:5px; color: #fff;
}

#warp .content .disc-list li:first-child {margin-top:0px;}
#warp .content .disc-list li:before {content:""; width:4px; height:4px; background-color:#189bfa; position:absolute; left:0; top: 13px;}

#warp .content .disc-list1.line-height-small {
  line-height: 24px;
  margin-bottom: 0;
}

#warp .content .disc-list1.line-height-small li {
  margin-top: 0;
}

#warp .content .disc-list1 li {
  line-height: 30px;
}

#warp .content .disc-list1 > li {
  position:relative; padding-left: 11px; margin-top:5px; color: #fff;
}

#warp .content .disc-list1 li:first-child {margin-top:0px;}
#warp .content .disc-list1 li:before {content:""; width:4px; height:4px; background-color:#0afb49; position:absolute; left:0; top: 13px;}

#warp .content .disc-list1 li a:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    top: 1rem;
    left: 0;
    width: 0%;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease; }

#warp .content .disc-list1 li a:hover {
  text-decoration: none !important;
}

#warp .content .disc-list1 li a:hover:after{
  width: 100%;
  color: #3954de;
  border-bottom: 1px solid #fff;
  opacity: 1;
}

.dis_rbc {
  display: ruby-base-container;
}

.w-90 {
  width: 90% !important; }


h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }
button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

ul, ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}


input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.login-box input[type=text], .login-box input[type=password], .login-box input[type=number] { font-size: 16px; line-height: 42px; height: 44px; padding-left: 15px; color: #000; border: 1px solid #bbb; background-color: #fff; }

.login-box input[type=text]:disabled, .login-box input[type=password]:disabled, .login-box input[type=number]:disabled { border-color: #fff; color: #000; padding-left: 0; }

  .font_big {font-size: 1.8rem !important;}
.font_middle {font-size: 1.6rem !important;}
.font_small {font-size: 1.1rem !important;}
.pop_alert {font-family: 'NotoSans','Nanum Gothic';margin: 0 auto;font-size: 16px;text-align: center;line-height: 2rem;}
.pop_alert span.color01 {color :#5867dd; font-weight: 600;}
.pop_alert span.color02 {color :#fd397a; font-weight: 600;}

.btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .btn [class^="la-"],
  .btn [class*=" la-"] {
    font-size: 1.5rem; }
  .btn [class^="fa-"],
  .btn [class*=" fa-"] {
    font-size: 1.2rem; }
  .btn [class^="flaticon-"],
  .btn [class*=" flaticon-"],
  .btn [class^="flaticon2-"],
  .btn [class*=" flaticon2-"] {
    font-size: 1.2rem; }
  .btn i {
    padding-right: 0.5rem;
    vertical-align: middle;
    line-height: 0; }
  .btn.btn-sm [class^="la-"], .btn-group-sm > .btn [class^="la-"],
  .btn.btn-sm [class*=" la-"],
  .btn-group-sm > .btn [class*=" la-"] {
    font-size: 1.3rem; }
  .btn.btn-sm [class^="fa-"], .btn-group-sm > .btn [class^="fa-"],
  .btn.btn-sm [class*=" fa-"],
  .btn-group-sm > .btn [class*=" fa-"] {
    font-size: 1rem; }
  .btn.btn-sm [class^="flaticon-"], .btn-group-sm > .btn [class^="flaticon-"],
  .btn.btn-sm [class*=" flaticon-"],
  .btn-group-sm > .btn [class*=" flaticon-"],
  .btn.btn-sm [class^="flaticon2-"],
  .btn-group-sm > .btn [class^="flaticon2-"],
  .btn.btn-sm [class*=" flaticon2-"],
  .btn-group-sm > .btn [class*=" flaticon2-"] {
    font-size: 1rem; }
  .btn.btn-sm i, .btn-group-sm > .btn i {
    padding-right: 0.35rem; }
  .btn.btn-lg [class^="la-"], .btn-group-lg > .btn [class^="la-"],
  .btn.btn-lg [class*=" la-"],
  .btn-group-lg > .btn [class*=" la-"] {
    font-size: 1.7rem; }
  .btn.btn-lg [class^="fa-"], .btn-group-lg > .btn [class^="fa-"],
  .btn.btn-lg [class*=" fa-"],
  .btn-group-lg > .btn [class*=" fa-"] {
    font-size: 1.4rem; }
  .btn.btn-lg [class^="flaticon-"], .btn-group-lg > .btn [class^="flaticon-"],
  .btn.btn-lg [class*=" flaticon-"],
  .btn-group-lg > .btn [class*=" flaticon-"],
  .btn.btn-lg [class^="flaticon2-"],
  .btn-group-lg > .btn [class^="flaticon2-"],
  .btn.btn-lg [class*=" flaticon2-"],
  .btn-group-lg > .btn [class*=" flaticon2-"] {
    font-size: 1.3rem; }
  .btn.btn-lg i, .btn-group-lg > .btn i {
    padding-right: 0.75rem; }

  .btn_fl {float: left;}
  .btn_fr {float: right;}

.btn.btn-label {
  background-color: #f0f3ff;
  color: #5578eb;
  cursor: text !important; }

  .btn-success {
  color: #fff;
  background-color: #1dc9b7;
  border-color: #1dc9b7; }
  .btn-success:hover {
    color: #fff;
    background-color: #18a899;
    border-color: #179c8e; }
  .btn-success:focus, .btn-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #1dc9b7;
    border-color: #1dc9b7; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #179c8e;
    border-color: #159184; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
  .btn-success + .btn.dropdown-toggle {
    position: relative; }
    .btn-success + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-success + .btn.dropdown-toggle:hover:before, .btn-success + .btn.dropdown-toggle:focus:before, .btn-success + .btn.dropdown-toggle.active:before {
      display: none; }

   .btn {
  background: transparent;
  outline: none !important;
  vertical-align: middle; }
  .btn:focus:not(.btn-elevate) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

  .btn {
  display: inline-block;
  font-weight: normal;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.65rem 1rem;
  font-size: 1.1rem;
  line-height: 1.5;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }

  .btn:hover {
    color: #212529;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

  .m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-4-1 {
  margin: 2rem !important; }

.mt-4-1,
.my-4-1 {
  margin-top: 2rem !important; }

.mr-4-1,
.mx-4-1 {
  margin-right: 2rem !important; }

.mb-4-1,
.my-4-1 {
  margin-bottom: 2rem !important; }

.ml-4-1,
.mx-4-1 {
  margin-left: 2rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mt-6,
.my-6 {
  margin-top: 4rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }