@charset "utf-8";

/* css Reset */
/* ========================================================
 * SETTING
======================================================== */

:root{
	--main-color: #19708f;
	--area-box-width: 1720px;
	--area-width: 1320px;
	--area-padding: 30px;
	--header-height: 100px;
	--sub-visual-height: 400px;
	--sub-menu-height: 50px;
	--full-height: 100vh;
}

@media all and (max-width:1260px){
	:root{
		--area-padding: 5%;
		--header-height: 80px;
	}
}
@media all and (max-width:800px){
	:root{
		--sub-visual-height: 240px;
		--sub-menu-height: 44px;
	}
}
@media all and ( max-width: 480px ){
	:root{
		--header-height: 60px;
		--sub-visual-height: 180px;
	}
}

*{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%;}
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}

.cf::after{
  content: '';
  clear: both;
  display: block;
}

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

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

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



.pc_only{display: block;}
.mo_only{display: none;}

/* @media screen and (min-width:1481px){
    html, body{font-size: 16px;}
}

@media screen and (min-width:741px) and (max-width:1480px){
    html, body{font-size: 14px;}
}

@media screen and (max-width:740px){
    html, body{font-size: 13px;}
}

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

    br.br_m{display: none;}
} */

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

    .pc_only{display: none;}
    .mo_only{display: block;}

}



/* 부트스트랩 */
.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%;
    }
  }