@charset "utf-8";



/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
   
    .inner{width:calc(100% - 120px); margin:0 auto;}
    header > a{border-radius:0 0 16px 16px;}
    .mainImg_01{top:10%; left:-20%; animation: floatUp 3s ease-in-out infinite;}
    .mainImg_02{top:9%; right:-22%;}
    .mainImg_03{bottom:30%; left:-15%;}
    .mainImg_04{bottom:15%; left:15%; animation: floatDown 3s ease-in-out infinite;}
    .mainImg_05{bottom:35%; right:-5%; animation: floatUp 3s ease-in-out infinite;}
    .eventBox_mid::before,
    .eventBox_mid::after {    content: '';    position: absolute;    top: 0;     width: 24px;     height: 24px; }

    .inputBox{ padding: 20px;}

}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}  
    header > a{border-radius:0 0 8px 8px;}
    .mainImg_01{top:13%; left:-40%; animation: floatUp 3s ease-in-out infinite;}
    .mainImg_02{top:25%; right:-25%;}
    .mainImg_03{bottom:25%; left:-30%;}
    .mainImg_04{bottom:10%; left:10%; animation: floatDown 3s ease-in-out infinite;}
    .mainImg_05{bottom:35%; right:-30%; animation: floatUp 3s ease-in-out infinite;}

    .eventBox_mid::before,
    .eventBox_mid::after {    content: '';    position: absolute;    top: 0;     width: 12px;     height: 12px; }

    .inputBox{ padding: 16px;}
   
}