@charset "UTF-8";
/*Font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {
  font-family: 'Noto Sans KR', sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
}

/*Thin 100
Light 300
Regular 400
Medium 500
Bold 700
Black 900*/


.pc {
  display: block;
}

.mobile {
  display: none;
}
.mobile2 {
  display: none;
}
.mobile3{
  display: none;
}
* {
  padding: 0px;
  margin: 0px;
  font-family: 'Noto Sans KR', sans-serif;
  outline: none;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
}

/*icon*/
.sicon {
  margin-left: 5px;
  margin-top: -3px;
}

/*typography*/
p {
  font-size: 18px;
}

.psize{
  font-size:18px;
}

h1 {
  font-size: 2.5em;
  line-height: 1.4em;
}

h2 {
  font-size: 2em;
}



h4 {
  font-size: 1.5em;
}

.font-size-18{
  font-size:18px;
}
.copyr {
  font-size: 12px;
}
.lead {
  font-size: 22px;
  font-weight: 400;
}

span {
  font-weight: 600;
}
/*201209 이은지 수정 */
.alink {
  color: #181818;
  font-weight:600;
}

/*line Height*/
.lh-15{
  line-height: 1.5em;
}
.lh2 {
  line-height: 38px;
}
.lh-28px{
  line-height: 1.8;
}

.alink{
  font-size:18px;
}



.text-footer {
  color: #7A7878;
}

.text-primary {
  color: #1A3A5F;
}
.text-primary-25px-500 {
  color: #1A3A5F;
  font-size:25px;
  font-weight: 500;
}

/*font color*/
.c-black {
  color: #181818;
}

/*container*/
.hero {
  height: 690px;
  padding-top: 80px;
}

.hero>.container {
  height: 100%;
}

.hero2 {
  height: 550px;
  padding-top: 80px;
}

.hero2>.container {
  height: 100%;
}

.container-table {
  display: table;
}

.vertical-center-row {
  display: table-cell;
  vertical-align: middle;
}

/*background*/
.bg-primary {
  background: #1A3C5F; /* Old browsers */
  background: -moz-linear-gradient(top, #1A3C5F 0%, #0F264E 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1A3C5F 0%,#0F264E 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #1A3C5F 0%,#0F264E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A3C5F', endColorstr='#0F264E',GradientType=0 ); /* IE6-9 */
}

.bg-gray {
  background-color: #F8F8FA;
}

.bg-footer-gray-2 {
  background-color: #fefefe;
}

.font-weight-500{
  font-weight: 500;
}

.bg-img-laber{
  background: url('/images/main/img_labor_background@2x_20230310.png');
  background-position: center;
  background-size: cover;
}
.bg-img-main {
  background: url('/images/main/img_mainhero_background.png') no-repeat bottom right;
  background-size:46%
}
.bg-img-main a h4, .bg-img-main a h1 {color:#fff!important;}

.little-title {
  padding: 0px;
}

/*btn*/
.btn-group-lg>.btn, .btn-lg {
  padding: 15px 18px;
  font-size: 18px;
  line-height: 1.3333333;
   border-radius: 10px;
}

.btn-outline {
    width: 400px;
    height: 54px;
    padding-top: 12px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    border-color: #fff;
}

.btn-outline:hover {
  color: #fff;
}
/*201209 이은지 수정 */
.btn-white {
  width: 180px;
  height: 54px;
  padding-top: 12px;
  color: #1A3A5F;
  border:2px solid white;
  background-color: #fff;
}

.btn-white:hover {
  color: #1A3A5F;
}
.btn-outline-primary{
  width: 180px;
  height: 54px;
  padding-top: 12px;
}
.btn-primary0 {
  color: #fff;
  border: none;
  margin-top: auto;
  margin-bottom: auto;
  background: #043956; /* Old browsers */
  background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */
  border:2px solid #1A3A5F;
}
.btn-primary1 {
  width:120px;
  height: 36px;
  color: #fff;
  border: none;
  margin-top: auto;
  margin-bottom: auto;
  background: #043956; /* Old browsers */
  background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */
  border:2px solid #1A3A5F;
}
.btn-primary3 {
  width: 180px;
  height: 54px;
  padding-top: 12px;
  color: #fff;
  border: none;
  margin-top: auto;
  margin-bottom: auto;
  background: #043956; /* Old browsers */
  background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */
  border:2px solid #1A3A5F;
}

.btn-outline-primary2{
  height: 54px;
  padding-top: 12px;
  color:#1A3A5F;
    border:2px solid #1A3A5F;
}
.btn-primary2 {
  height: 54px;
  padding-top: 12px;
  color: #fff;
  border: none;
  margin-top: auto;
  margin-bottom: auto;
  background: #043956; /* Old browsers */
  background: -moz-linear-gradient(left,  #043956 0%, #161d4a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #043956 0%,#161d4a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #043956 0%,#161d4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043956', endColorstr='#161d4a',GradientType=0 ); /* IE6-9 */
  border:2px solid #1A3A5F;
}

.btn-primary7 {
  height: 36px;
  color: #fff;
  border: none;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #1A3A5F;
  border:2px solid #1A3A5F;
}

.btn.focus, .btn:focus, .btn:hover {

  text-decoration: none;
}

.btn-primary0.active, .btn-primary0.focus, .btn-primary0:active, .btn-primary0:focus, .btn-primary0:hover, .open>.dropdown-toggle.btn-primary0 {
  color: #fff;
  background-color: #1A3A5F;
  border-color: rgba(0, 0, 0, 0);
}


/*shadow*/
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
}

.shadow {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

/*padding*/
.p-0 {
  padding: 0;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pt-5 {
  padding-top: 5rem;
}

.pt-10 {
  padding-top: 10rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pb-10 {
  padding-bottom: 10rem;
}

.ptb-80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

/*margin*/
.mtb-80px {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3{
  margin-top:3rem;
}
.mt-4 {
  margin-top: 4rem;
}

.mt-10 {
  margin-top: 10rem;
}

.mt-15 {
  margin-top: 15rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-10 {
  margin-bottom: 10rem;
}

.mt-15 {
  margin-bottom: 15rem;
}

.ml-2 {
  margin-left: 1rem;
}
.ml-3{
  margin-left:3rem;
}
.ml-4{
  margin-left:4rem;
}

/*display*/
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/* 간편가입 페이지 */
.easy_join_info {z-index:1000;position:absolute;top:125px;left:44%;width:745px;padding:60px 75px;background:#fff;border-radius:10px;font-size:15px}
.easy_join_info ul {display:inline-block;width:45%}
.easy_join_info ul:first-child {margin-right:7%;}
.easy_join_info ul li {display:block;position:relative;margin-bottom:20px}
.easy_join_info ul li:last-child {display:block;margin-bottom:0}
.easy_join_info ul li label {display:block;text-align:left;color:#000}
.easy_join_info ul li input {width:100%;padding:6px;border-top:none;border-right:none;border-bottom:1px solid #ddd;border-left:none;color:#000}
.easy_join_info ul li input::placeholder {color:#DBDBDB}
.easy_join_info ul li .btn_view {position:absolute;right:0;top:30px;background:none;border:none;}

.btn_easy_join {display:block;width:320px;padding:14px 0;margin: 45px auto 0;border:none;border-radius:6px;;text-align:center;background:#1B3A5F;color:#fff;font-size:16px;}
.btn_easy_join2 {display:block;width:320px;padding:14px 0;margin: 10px auto 0;border:none;border-radius:6px;;text-align:center;border:2px solid #1B3A5F;color:#1B3A5F;font-size:16px;font-weight:600}

.guide_join {z-index:1400;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); padding:60px 75px;background:#fff;border-radius:10px;font-size:15px}
.guide_join_shadow {z-index:1399;position:absolute;left:0;top:0;width:100vw;height:3000px;background:#000;opacity:0.5;}
.guide_join .title {margin-bottom:30px;text-align:center;font-size:25px;font-weight:400;color:#333}
.guide_join .text {margin:20px 0;text-align:center;font-size:15px;font-weight:400;word-break:keep-all;color:#333}
.guide_join .text.left {text-align:left;}
.guide_join a {text-decoration:none}

@media (max-width:1024px){
.easy_join_info {top:105px;left:0;width:calc(100% - 40px);padding:65px;margin-left:20px;margin-right:20px;}
.hero_specific {height:670px!important;}
.content_specific2 {display:none!important;}
.guide_join {top:50%;left:50%;-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }}

@media (max-width:992px){
.easy_join_info {top:105px;left:0;width:calc(100% - 40px);padding:65px;margin-left:20px;margin-right:20px;}
.hero_specific {height:670px!important;}
.content_specific2 {display:none!important;}
.specific {display:none}
}
@media (max-width:552px){
.easy_join_info {z-index:1200;width:calc(100% - 6%);padding:55px 30px;margin-left:3%;margin-right:3%;}
}
@media (max-width:480px){
.easy_join_info {width:calc(100% - 10%);padding:65px 8%;margin-left:5%;margin-right:5%;}
.easy_join_info ul {width:100%;}
.easy_join_info ul:first-child {margin-right:0;}
.easy_join_info ul li input {width:100%}
.hero_specific {height: 990px!important;}
.btn_easy_join {width:100%;}
.btn_easy_join2 {width:100%;}
.guide_join {top:60%;width:90%;padding:60px 40px;}

}