@charset "utf-8";

/* css Reset */


*{margin: 0;padding: 0;  font-family: 'Pretendard', "Noto Sans KR", '맑은 고딕', sans-serif; font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;}

header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
body{margin:0;padding:0; font-family: 'Pretendard', "Noto Sans KR", '맑은 고딕', sans-serif;font-weight:400;font-size:16px;color:#000;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:0}
img,fieldset{border:0}
img{max-width: 100%;}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:active,a:visited{text-decoration:none;color:inherit}
a{text-decoration:none;font-size:inherit;font-family:inherit;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;/*outline:none;*/background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
area{outline:none}
b, strong {font-weight: bold;}

.slick-dots li {
  overflow: hidden;
  text-indent: -999999px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  cursor: pointer;
}

.inner{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

.inner1280{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.inner960{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.inner768{
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.hid,
.hide,
.hidden
 {
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

.main_container{width: 92%;max-width: 1420px;margin: 0 auto;}

.k_w100{display: block;width: 100%;height: 100%;}

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

.center_pos{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.bg{background-repeat: no-repeat;background-size: cover;background-position: center center;}

.p-100{padding: 100px 0;}
.p-20{padding: 20px;}
.pt-100{padding: 100px 0 0;}

.pb-50 {padding-bottom: 50px;}
.pb-100 {padding-bottom: 100px;}

.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mt-100 {margin-top: 100px;}

.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-50 {margin-bottom: 50px;}

/*only*/
.mo_only{display: none;}



@media screen and (min-width:741px){

  br.br_m{display: none;}
}

@media screen and (max-width:740px){

  .p-100{padding: 50px 0;}
  .pb-100 {padding-bottom: 50px;}
  .pt-100{padding: 50px 0 0;}

  .mt-100{margin-top: 50px;}

  /*only*/
  .pc_only{display: none;}
  .mo_only{display: block;}

  br.br_d{display: none;}
}



/* ------- Grid ------- */
.grid { font-size: 0; }
.grid:after { content: ''; display: block; clear: both; }
.grid > div,
.grid > li { display: inline-block; vertical-align: top; padding: 10px; font-size: initial; }
.grid > div > ._g,
.grid > li > ._g { height: 100%; }
/* 1 col */
.grid-24 { width: 100%; }
/* 2 col */
.grid-12 { width: 50%; }
/* 3 col */
.grid-8 { width: 33.333333%; }
/* 4 col */
.grid-6 { width: 25%; }
/* 5 col */
.grid-5 { width: 20%; }
/* 6 col */
.grid-4 { width: 16.66666%; }
@media (max-width: 1024px){
    .grid-4 { width: 33.33333%; }
}
@media (max-width: 768px){
    .grid-6 { width: 50%; }
    .grid-5 { width: 33.33333%; }
}
@media (max-width: 600px){
    .grid-8 { width: 100%; }
    .grid-5 { width: 100%; }
    .grid-4 { width: 50%; }
}

.weight-light { font-weight: 300; }
.weight-regular { font-weight: normal; }
.weight-medium { font-weight: 500; }
.weight-bold { font-weight: bold; }

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-unset{text-align: unset;}

.cm-btnBox{
  display: flex;
  align-items: center;
  justify-content: center;
}

.cm-btnBox .btn{
    display: inline-block;
}

.cm-btnBox .btn a{
  padding: 16px  60px;
  border-radius: 50px;
  background-color: #fff;
  color: var(--mainColor);
  border: 1px solid var(--mainColor);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  overflow: hidden;
  position: relative;
}

.cm-btnBox .btn a::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--mainColor);
  transition: all 0.5s;
}


.cm-btnBox .btn a span{font-size: 24px; position: relative; z-index: 1; transition: all 0.3s 0.3s;}
.cm-btnBox .btn a i{font-size: 16px;  opacity: 0; visibility: hidden; transform: translate(-10px, -50%); position: absolute; top: 50%; right: 30px; transition: all 0.3s 0.3s;}


.cm-btnBox .btn a:hover span{
  color: #fff;
}

.cm-btnBox .btn a:hover::before{
  width: 100%;
}

.cm-btnBox .btn a:hover i {
  transform: translate(0px, -50%);
  opacity: 1;
  visibility: visible;
  color: #fff;
}

@media screen and (max-width:768px) {
  .cm-btnBox .btn a span{font-size: 18px;}
  .cm-btnBox .btn a i {
    font-size: 12px; 
  }

}

.title-xsmall1 { font-size: 11px; }
.title-xsmall2 { font-size: 12px; }
.title-xsmall3 { font-size: 13px; }
.title-xsmall4 { font-size: 14px; }
.title-xsmall5 { font-size: 15px; }
.title-xsmall6 { font-size: 16px; }
.title-xsmall7 { font-size: 17px; }
.title-xsmall8 { font-size: 18px; }
.title-xsmall9 { font-size: 19px; }
.title-small { font-size: 20px; }
.title-small1 { font-size: 21px; }
.title-small2 { font-size: 22px; }
.title-small3 { font-size: 23px; }
.title-small4 { font-size: 24px; }
.title-small5 { font-size: 25px; }
.title-small6 { font-size: 26px; }
.title-small7 { font-size: 27px; }
.title-small8 { font-size: 28px; }
.title-small9 { font-size: 29px; }
.title-regular { font-size: 30px; }
.title-regular1 { font-size: 31px; }
.title-regular2 { font-size: 32px; }
.title-regular3 { font-size: 33px; }
.title-regular4 { font-size: 34px; }
.title-regular5 { font-size: 35px; }
.title-regular6 { font-size: 36px; }
.title-regular7 { font-size: 37px; }
.title-regular8 { font-size: 38px; }
.title-regular9 { font-size: 39px; }
.title-medium { font-size: 40px; }
.title-medium1 { font-size: 41px; }
.title-medium2 { font-size: 42px; }
.title-medium3 { font-size: 43px; }
.title-medium4 { font-size: 44px; }
.title-medium5 { font-size: 45px; }
.title-medium6 { font-size: 46px; }
.title-medium7 { font-size: 47px; }
.title-medium8 { font-size: 48px; }
.title-medium9 { font-size: 49px; }
.title-large { font-size: 50px; }
.title-large1 { font-size: 51px; }
.title-large2 { font-size: 52px; }
.title-large3 { font-size: 53px; }
.title-large4 { font-size: 54px; }
.title-large5 { font-size: 55px; }
.title-large6 { font-size: 56px; }
.title-large7 { font-size: 57px; }
.title-large8 { font-size: 58px; }
.title-large9 { font-size: 59px; }
.title-xlarge { font-size: 60px; }
.title-xlarge1 { font-size: 61px; }
.title-xlarge2 { font-size: 62px; }
.title-xlarge3 { font-size: 63px; }
.title-xlarge4 { font-size: 64px; }
.title-xlarge5 { font-size: 65px; }
.title-xlarge6 { font-size: 66px; }
.title-xlarge7 { font-size: 67px; }
.title-xlarge8 { font-size: 68px; }
.title-xlarge9 { font-size: 69px; }

@media (max-width: 1024px){
    .title-xsmall1 { font-size: 10px; }
    .title-xsmall2 { font-size: 11px; }
    .title-xsmall3 { font-size: 12px; }
    .title-xsmall4 { font-size: 13px; }
    .title-xsmall5 { font-size: 14px; }
    .title-xsmall6 { font-size: 15px; }
    .title-xsmall7 { font-size: 16px; }
    .title-xsmall8 { font-size: 17px; }
    .title-xsmall9 { font-size: 17px; }
    .title-xsmall10 { font-size: 17px; }
    .title-small { font-size: 18px; }
    .title-small1 { font-size: 18px; }
    .title-small2 { font-size: 18px; }
    .title-small3 { font-size: 18px; }
    .title-small4 { font-size: 18px; }
    .title-small5 { font-size: 18px; }
    .title-small6 { font-size: 18px; }
    .title-small7 { font-size: 18px; }
    .title-small8 { font-size: 18px; }
    .title-small9 { font-size: 18px; }
    .title-regular { font-size: 20px; }
    .title-regular1 { font-size: 21px; }
    .title-regular2 { font-size: 22px; }
    .title-regular3 { font-size: 23px; }
    .title-regular4 { font-size: 24px; }
    .title-regular5 { font-size: 25px; }
    .title-regular6 { font-size: 26px; }
    .title-regular7 { font-size: 27px; }
    .title-regular8 { font-size: 28px; }
    .title-regular9 { font-size: 29px; }
    .title-medium { font-size: 30px; }
    .title-medium1 { font-size: 31px; }
    .title-medium2 { font-size: 32px; }
    .title-medium3 { font-size: 33px; }
    .title-medium4 { font-size: 34px; }
    .title-medium5 { font-size: 35px; }
    .title-medium6 { font-size: 36px; }
    .title-medium7 { font-size: 37px; }
    .title-medium8 { font-size: 38px; }
    .title-medium9 { font-size: 39px; }
    .title-large { font-size: 40px; }
    .title-large1 { font-size: 41px; }
    .title-large2 { font-size: 42px; }
    .title-large3 { font-size: 43px; }
    .title-large4 { font-size: 44px; }
    .title-large5 { font-size: 45px; }
    .title-large6 { font-size: 46px; }
    .title-large7 { font-size: 47px; }
    .title-large8 { font-size: 48px; }
    .title-large9 { font-size: 49px; }
    .title-xlarge { font-size: 50px; }
    .title-xlarge1 { font-size: 41px; }
    .title-xlarge2 { font-size: 42px; }
    .title-xlarge3 { font-size: 43px; }
    .title-xlarge4 { font-size: 44px; }
    .title-xlarge5 { font-size: 45px; }
    .title-xlarge6 { font-size: 46px; }
    .title-xlarge7 { font-size: 47px; }
    .title-xlarge8 { font-size: 48px; }
    .title-xlarge9 { font-size: 49px; }
}
@media (max-width: 768px){
    .title-xsmall5 { font-size: 13px; }
    .title-xsmall6 { font-size: 14px; }
    .title-xsmall7 { font-size: 15px; }
    .title-xsmall8 { font-size: 16px; }
    .title-xsmall9 { font-size: 16px; }
    .title-xsmall10 { font-size: 16px; }
    .title-small { font-size: 17px; }
    .title-small2 { font-size: 17px; }
    .title-small3 { font-size: 17px; }
    .title-small4 { font-size: 17px; }
    .title-small5 { font-size: 17px; }
    .title-small6 { font-size: 17px; }
    .title-small7 { font-size: 17px; }
    .title-small8 { font-size: 17px; }
    .title-small9 { font-size: 17px; }
    .title-small10 { font-size: 17px; }
    .title-regular { font-size: 18px; }
    .title-regular2 { font-size: 18px; }
    .title-regular3 { font-size: 18px; }
    .title-regular4 { font-size: 18px; }
    .title-regular5 { font-size: 18px; }
    .title-regular6 { font-size: 18px; }
    .title-regular7 { font-size: 18px; }
    .title-regular8 { font-size: 18px; }
    .title-regular9 { font-size: 18px; }
    .title-regular10 { font-size: 18px; }
    .title-medium { font-size: 20px; }
    .title-medium1 { font-size: 21px; }
    .title-medium2 { font-size: 22px; }
    .title-medium3 { font-size: 23px; }
    .title-medium4 { font-size: 24px; }
    .title-medium5 { font-size: 25px; }
    .title-medium6 { font-size: 26px; }
    .title-medium7 { font-size: 27px; }
    .title-medium8 { font-size: 28px; }
    .title-medium9 { font-size: 29px; }
    .title-large { font-size: 20px; }
    .title-large1 { font-size: 21px; }
    .title-large2 { font-size: 22px; }
    .title-large3 { font-size: 23px; }
    .title-large4 { font-size: 24px; }
    .title-large5 { font-size: 25px; }
    .title-large6 { font-size: 26px; }
    .title-large7 { font-size: 27px; }
    .title-large8 { font-size: 28px; }
    .title-large9 { font-size: 29px; }
    .title-xlarge { font-size: 30px; }
    .title-xlarge1 { font-size: 21px; }
    .title-xlarge2 { font-size: 22px; }
    .title-xlarge3 { font-size: 23px; }
    .title-xlarge4 { font-size: 24px; }
    .title-xlarge5 { font-size: 25px; }
    .title-xlarge6 { font-size: 26px; }
    .title-xlarge7 { font-size: 27px; }
    .title-xlarge8 { font-size: 28px; }
    .title-xlarge9 { font-size: 29px; }
}

.pr-xsmall { font-size: 14px; }
.pr-small { font-size: 15px; color: #555555; }
.pr-small2 { font-size: 16px;}
.pr { line-height: 24px; font-size: 14px; color: #555555; }
.pr-large { line-height: 26px; font-size: 17px; color: #555555; }
.pr-large2 { line-height: 26px; font-size: 18px; color: #555555; }
.pr-large3 { line-height: 26px; font-size: 19px; color: #555555; }
.pr-large4 { line-height: 28px; font-size: 20px; color: #555555; }
@media (max-width: 1024px){
    .pr-xsmall { font-size: 13px; }
    .pr-small { line-height: 24px; font-size: 14px; }
    .pr { line-height: 24px; font-size: 15px; }
    .pr-large { line-height: 24px; font-size: 16px; }
    .pr-large2 { line-height: 26px; font-size: 17px; }
    .pr-large3 { line-height: 28px; font-size: 18px; }
    .pr-large4 { line-height: 28px; font-size: 19px; }
}
@media (max-width: 768px){
    .pr-small { line-height: 24px; font-size: 13px; }
    .pr { line-height: 24px; font-size: 14px; }
    .pr-large { line-height: 24px; font-size: 15px; }
    .pr-large2 { line-height: 26px; font-size: 16px; }
    .pr-large3 { line-height: 28px; font-size: 16px; }
    .pr-large4 { line-height: 28px; font-size: 16px; }
}

/* flex */
.flex-cont{display:flex; justify-content:space-between; flex-wrap:wrap; margin:120px 0;}
.flex-cont .left{/*width:35%;*/width:25%; padding-right:20px;}
.flex-cont .right{/*width:65%;*/width:75%;}   
.flex-cont .cont p + .title-h3{margin-top: 60px;}
.flex-cont p{margin:20px 0; line-height: 1.6; } 
.flex-cont .right p:first-child{margin-top: 0;}
.flex-cont .title-h4 + p{margin-top:10px;} 

@media all and (max-width:969px){
	.history .flex-cont,
	.flex-cont{margin:50px 0;}
	.flex-cont .left{padding-right: 0; width:100%;}
	.flex-cont .right{width:100%; margin-top: 20px;}  
	.flex-cont .right p:first-child{margin-top: 0;}
	.flex-cont p{margin:10px 0; } 
	.flex-cont .cont p + .title-h3{margin-top: 30px;}
}

/* 부트스트랩 */
.col_wrap {
    margin: 0 -.5rem;
  }
  
  .col_wrap:after {
    display: block;
    clear: both;
    content: "";
  }
  
  .col_xs_1,
  .col_sm_1,
  .col_md_1,
  .col_lg_1,
  .col_xs_2,
  .col_sm_2,
  .col_md_2,
  .col_lg_2,
  .col_xs_3,
  .col_sm_3,
  .col_md_3,
  .col_lg_3,
  .col_xs_4,
  .col_sm_4,
  .col_md_4,
  .col_lg_4,
  .col_xs_5,
  .col_sm_5,
  .col_md_5,
  .col_lg_5,
  .col_xs_6,
  .col_sm_6,
  .col_md_6,
  .col_lg_6,
  .col_xs_7,
  .col_sm_7,
  .col_md_7,
  .col_lg_7,
  .col_xs_8,
  .col_sm_8,
  .col_md_8,
  .col_lg_8,
  .col_xs_9,
  .col_sm_9,
  .col_md_9,
  .col_lg_9,
  .col_xs_10,
  .col_sm_10,
  .col_md_10,
  .col_lg_10,
  .col_xs_11,
  .col_sm_11,
  .col_md_11,
  .col_lg_11,
  .col_xs_12,
  .col_sm_12,
  .col_md_12,
  .col_lg_12 {
    position: relative;
    min-height: 1px;
    padding: .5rem;
  }
  
  .col_xs_1,
  .col_xs_2,
  .col_xs_3,
  .col_xs_4,
  .col_xs_5,
  .col_xs_6,
  .col_xs_7,
  .col_xs_8,
  .col_xs_9,
  .col_xs_10,
  .col_xs_11,
  .col_xs_12 {
    float: left;
  }
  
  .col_xs_12 {
    width: 100%;
  }
  
  .col_xs_11 {
    width: 91.66666667%;
  }
  
  .col_xs_10 {
    width: 83.33333333%;
  }
  
  .col_xs_9 {
    width: 75%;
  }
  
  .col_xs_8 {
    width: 66.66666667%;
  }
  
  .col_xs_7 {
    width: 58.33333333%;
  }
  
  .col_xs_6 {
    width: 50%;
  }
  
  .col_xs_5 {
    width: 41.66666667%;
  }
  
  .col_xs_4 {
    width: 33.33333333%;
  }
  
  .col_xs_3 {
    width: 25%;
  }
  
  .col_xs_2 {
    width: 16.66666667%;
  }
  
  .col_xs_1 {
    width: 8.33333333%;
  }
  
  @media (min-width:600px) {
  
    .col_md_1,
    .col_md_2,
    .col_md_3,
    .col_md_4,
    .col_md_5,
    .col_md_6,
    .col_md_7,
    .col_md_8,
    .col_md_9,
    .col_md_10,
    .col_md_11,
    .col_md_12 {
      float: left;
    }
  
    .col_md_12 {
      width: 100%;
    }
  
    .col_md_11 {
      width: 91.66666667%;
    }
  
    .col_md_10 {
      width: 83.33333333%;
    }
  
    .col_md_9 {
      width: 75%;
    }
  
    .col_md_8 {
      width: 66.66666667%;
    }
  
    .col_md_7 {
      width: 58.33333333%;
    }
  
    .col_md_6 {
      width: 50%;
    }
  
    .col_md_5 {
      width: 41.66666667%;
    }
  
    .col_md_4 {
      width: 33.33333333%;
    }
  
    .col_md_3 {
      width: 25%;
    }
  
    .col_md_2 {
      width: 16.66666667%;
    }
  
    .col_md_1 {
      width: 8.33333333%;
    }
  }
  
  @media (max-width:900px) {
  
    .col_sm_1,
    .col_sm_2,
    .col_sm_3,
    .col_sm_4,
    .col_sm_5,
    .col_sm_6,
    .col_sm_7,
    .col_sm_8,
    .col_sm_9,
    .col_sm_10,
    .col_sm_11,
    .col_sm_12 {
      float: left;
    }
  
    .col_sm_12 {
      width: 100%;
    }
  
    .col_sm_11 {
      width: 91.66666667%;
    }
  
    .col_sm_10 {
      width: 83.33333333%;
    }
  
    .col_sm_9 {
      width: 75%;
    }
  
    .col_sm_8 {
      width: 66.66666667%;
    }
  
    .col_sm_7 {
      width: 58.33333333%;
    }
  
    .col_sm_6 {
      width: 50%;
    }
  
    .col_sm_5 {
      width: 41.66666667%;
    }
  
    .col_sm_4 {
      width: 33.33333333%;
    }
  
    .col_sm_3 {
      width: 25%;
    }
  
    .col_sm_2 {
      width: 16.66666667%;
    }
  
    .col_sm_1 {
      width: 8.33333333%;
    }
  }
  
  @media (min-width:1200px) {
  
    .col_lg_1,
    .col_lg_2,
    .col_lg_3,
    .col_lg_4,
    .col_lg_5,
    .col_lg_6,
    .col_lg_7,
    .col_lg_8,
    .col_lg_9,
    .col_lg_10,
    .col_lg_11,
    .col_lg_12 {
      float: left;
    }
  
    .col_lg_12 {
      width: 100%;
    }
  
    .col_lg_11 {
      width: 91.66666667%;
    }
  
    .col_lg_10 {
      width: 83.33333333%;
    }
  
    .col_lg_9 {
      width: 75%;
    }
  
    .col_lg_8 {
      width: 66.66666667%;
    }
  
    .col_lg_7 {
      width: 58.33333333%;
    }
  
    .col_lg_6 {
      width: 50%;
    }
  
    .col_lg_5 {
      width: 41.66666667%;
    }
  
    .col_lg_4 {
      width: 33.33333333%;
    }
  
    .col_lg_3 {
      width: 25%;
    }
  
    .col_lg_2 {
      width: 16.66666667%;
    }
  
    .col_lg_1 {
      width: 8.33333333%;
    }
  }