@charset "utf-8";

/* css Reset */


*{margin: 0;padding: 0;  font-family: "Noto Sans KR", '맑은 고딕', sans-serif; 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}
html {font-size: 62.5%;}
body{margin:0;padding:0;font-family:'Noto Sans KR', '맑은 고딕', sans-serif; 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 {max-width: 100%;}
img,fieldset{border:0}
b, strong {font-weight: 700;}
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}

@media all and (max-width:800px){
	html{font-size:1.375vw} /* 10 -> 11*/
}
@media all and (max-width:640px){
	html{font-size:1.7188vw}  /* 10 -> 11*/
}

@media all and ( max-width: 480px ){
	html{font-size:2.2vw}  /* 10 */
}
@media all and ( max-width: 412px ){
	html{font-size:2.4272vw}  /* 10 */
}
@media all and (max-width:390px){
	html{font-size:2.1795vw}  /* 10 -> 8.5 */
}

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

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

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

.inner768{
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 20px;
  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;}



/*display*/
.mo_only{display: none;}
.display-m{display:none;}


.pd-100{
  padding: 100px 0;
}

.pd-50{
  padding:  50px 0;
}


.pdt-50{
  padding: 50px 0 0;
}

.pdt-100{
  padding: 100px 0 0;
}

.pdb-100{
  padding: 0 0 100px;
}

.pdb-50{
  padding: 0 0 50px;
}

.mt-100 {margin: 100px 0 0;}
.mb-100 {margin: 0 0 100px;}

@media screen and (max-width: 1280px) {
	.display-m{display:block;}
	.display-pc{display:none;}
}

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

    br.br_m{display: none;}
}

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

  .pd-100{
    padding: 50px 0;
  }

  .pdt-100{
    padding: 50px 0 0;
  }

  .pdb-100{
    padding: 0 0 50px;
  }

  .mt-100 {margin: 50px 0 0;}
  .mb-100 {margin: 0 0 50px;}

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

  br.br_d{display: none;}
}