@media screen and (max-width:680px) {
    
    
    
    #header .hd_btm.center {}
    #header .hd_btm h1 {padding:10px 3%;}
    #header .hd_btm .logo img {width:auto; height:2.5rem;}

    
    
    /*========= main2 ===========*/
.main2 {}
.main2 figure {position: static; display: flex; align-items: flex-end; justify-content: center; width:100%; margin-top:-50px; transform:scale(0.75);}
    
.tbl td.paper {padding-right:15px;}
    
    
    
#footer table th,
#footer table td {padding:12px; font-size: 0.95rem; }

    
/* quick */
#quick { right:10px; bottom:10px; }
#quick a {width: 60px; height: 70px; font-size: 12px; }
#quick a i {font-size: 17px;}
    
    
    
    
    
}











@media screen and (max-width:520px) {
    
html,body {font-size:14px;}
  
/*========= main ===========*/
.main > section { padding:70px 0;}
.main_title {font-size: 1.7rem;}

/*========= main1 ===========*/
  .main  .main1 {height:600px;}
.main1 .center { padding-top:50px;}
.main1 h2 {text-align: center; font-size: 2rem; }
.main1 h3 {text-align: center;}

    
.wrap_cloud {transform:scale(0.4) translate(-50%,-50%); }
.wrap_cloud:nth-child(1) {left:-5%; top:10%;  }
.wrap_cloud:nth-child(2) {left:25%; top:95%;  }
.wrap_cloud:nth-child(3) {left:90%; top:20%;  }
.wrap_cloud:nth-child(4) {left:-2%; top:20%;  }
.wrap_cloud:nth-child(5) {display: none;}
.wrap_cloud:nth-child(6) {left:50%; top:80%; }/* 핑크 */
.wrap_cloud:nth-child(7) {left:30%; top:70%; }/* 레드 */
.wrap_cloud:nth-child(8) {left:-10%; top:80%; } /* 블루 */
.wrap_cloud:nth-child(9) {left:60%; top:15%; } /* 옐로우 */
    
    
    .tbl {width:100%;}
   

    
    

/* main_mobile */
.main_mobile {display: block; padding:80px 0;}
.main .main_mobile .center {display: block; }
.main_mobile article,
.main_mobile figure {width:100%;}
.main_mobile figure img {max-width:260px; height:auto; }


 
    
    

/* main5 */
.main5 {}
.main5 .apply {width:100%; max-width:400px; margin:0 auto;}
    .main5 figure {width:100%; max-width:400px;}


    
.ok  {padding:40px 0 60px 0;}
.ok > div {max-width:94%; min-width:320px;  margin-bottom:40px; }
.ok .done {padding:60px 30px;}
.ok figure {margin-bottom:20px; font-size: 60px; color:var(--color-1)}
.ok h2 {font-size: 22px;}
.ok dl dt { font-size: 13px; }
.ok dl dd {font-size: 15px; }
.ok .cs {padding:20px; }
.ok .cs h3 {margin-right:5px; font-size: 14px; }
.ok .cs a {font-size: 18px;  }
.ok .btn_main {font-size: 14px;}
 
    
    #footer {padding-bottom:80px;}
    
    
    /* quick */
#quick {display:flex; align-items: stretch; justify-content: space-between; right:0; bottom:0; width:100%; border-radius:7px 7px 0 0;}
#quick a {flex-direction: row; width:calc(100% / 3); height:40px; border-bottom:0; border-right:1px solid rgba(255,255,255,0.2) }
    #quick a:last-child {border-right:0;}
#quick a img {margin:0; margin-right:5px; height:20px;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}