@charset "utf-8";

/* css Reset */


*{margin: 0;padding: 0;  font-family: "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:'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,fieldset{border:0}
img{max-width: 100%;}
b, strong {font-weight: bold;}
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}



/* ========================================================
 * FONT SIZE
======================================================== */
html{font-size:10px; }

@media all and (max-width:1536px){
	html{font-size:0.6510vw;} /* 10 */
}
@media all and (max-width:1280px){
	html{font-size:0.8594vw;} /* 10 -> 11*/
}
@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;
}

.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;}


/* padding */

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

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

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

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

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

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

.hover-under {
  position: relative;
}

.hover-under:before{content:''; width:0; height:2px; background: #151515; position:absolute; right:0; bottom:-6px; transition:all ease .35s;}
.hover-under .icon{ transition:all ease .35s;}
@media (hover: hover) and (pointer: fine) {
	.hover-under:hover:before{width:100%; right:auto; left:0;}
}

/* icon */
.icon::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin-right: -2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.icon-arrow-right::before { background-image: url('../../images/common/arrow-right.svg'); }

.icon-arrow-right-light::before {
  background-image: url('../../images/common/arrow-right-light.svg');
}

.icon-download::before {
  background-image: url("../../images/common/icon-download.svg");
}

@media (hover: hover) and (pointer: fine) {
  .button:hover .icon-download::before {
      background-image: url(../../images/common/icon-download-light.svg);
  }
}

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

    br.br_m{display: none;}
}

@media screen and (max-width:768px){
  /* padding */
  .pd-100 {padding: 50px 0;}
  .pd-t-100 {padding: 50px 0 0;}
  .pdt-100{
    padding: 50px 0 0;
  }

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

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

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

    br.br_d{display: none;}
}