@charset "utf-8";

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

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

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

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

}


@media screen and (max-width: 700px) {
  html{font-size:14px;}
}

@media screen and (max-width: 550px) {
  html{font-size:14px;}
  .nav_wrap > .nav_bar{width:100%; height:3.5rem;}
  .nav_wrap > .nav_bar > img{width:4rem;margin-left:1.5rem;}
  section > .content{width:100%;}
  .default_gride{height:3rem; line-height:3rem; margin:0 1.5rem 1rem 1.5rem;}
  .select_div > img{top:.5rem;}
  .container_1 > .content{height:auto;}
  .container_1 > .content > .information_wrap > .subTxt > span:nth-child(2){display: block;}
  .container_1 > .content > img{top: 6rem; width: 18rem; left: 50%; transform: translate(-50%,0);}
  .container_1 > .content > img:nth-child(3){display:none;}
  .container_1 > .content > .information_wrap{width:24rem;height:auto;margin-top:22rem;}
  .container_1 > .content > .information_wrap > .title{font-size:1.5rem; margin-top:1.5rem;}
  .container_1 > .content > .information_wrap > .input_wrap{flex-direction: column; margin:1rem 1.5rem 0 1.5rem}
  .container_1 > .content > .information_wrap > .input_wrap > input{width:85%;}
  .container_1 > .content > .information_wrap > .input_wrap > input:first-child{margin:0 0 1rem 0;}
  .container_1 > .content > .information_wrap > .checkbox_group {margin:1rem 1.5rem}
  
  .container_1 > .content > .information_wrap > .submit{margin-bottom:1.5rem;height:3.5rem; line-height:3.5rem;}
  .container_2 > .content{height:auto;}
  .container_2 > .content > .title{font-size:1.5rem; padding-top:6rem;}
  .container_2 > .content > .contents_box{flex-direction: column;align-items: center;margin-top:4rem;}
  .container_2 > .content > .contents_box > .box{margin-bottom:2rem;}
  .container_2 > .content > .contents_box > .box:last-child{margin-bottom:6rem;}
  .container_3 > .content > p{font-size:1.5rem}
  .container_4 > .content{flex-direction: column; align-items: center;}
  .container_4 > .content > .box{margin-bottom:2rem;}
  .container_4 > .content > .box:last-child{margin-bottom:0;}


  .container_5 > .content {width : 100%;font-size:.8rem;}
  .container_5 > .content > .footer_middle_div:first-child{padding:3rem 2rem 2rem 2rem;}
  .container_5 > .content > .footer_middle_div:first-child span{padding:0 0.5rem;}
  .container_5 > .content > .footer_img_box{ right: 2rem;bottom:6.5rem;top: unset;}
  .container_5 > .content > .footer_img_box > img{padding : 0 .3rem; width : 2rem;}
  .container_5 > .content > .footer_middle_div{padding:0 2rem;}
  .container_5 > .content > .footer_bottom_div{padding:1rem 2rem;}


  .pop_up > .pop_wrap{width : auto; height:auto; left:2rem; right:2rem;}
  .pop_up > .pop_wrap > .title{font-size:1.5rem;}
  .pop_up > .pop_wrap > .sub{font-size:1rem;padding : 1.5rem 0rem;}

  .moreCheck[type="checkbox"]+label{font-size:.85rem;}


.acess_wrap{font-size : 1rem; padding : 2rem;font-weight : lighter; color:454954;}
.acess_wrap h1{font-size : 2rem;font-weight : bold; color:#0d0d0d;}
.acess_wrap strong{font-size:1.5rem; color:#0d0d0d;}
}

@media screen and (max-width: 330px) {
  html{font-size:11px;}

}