@charset "utf-8";

/*
 * File       : rwd-common.css
 *
 * SUMMARY:
 * 01) 1023px
 * 02) 860px
 * 03) 540px
 */



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* FORM */
    .form-field-item > .form-input__wrap {max-width:100%;}

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* BUTTON */
    .btn-wrap.center {margin-top:80rem;}
    .btn-basic {font-size:16rem;}

    /* FORM */
    .form-label {display:block; font-size:16rem;}
    .form-input {font-size:16rem;}

    /* PLACEHOLDER */
    ::-webkit-input-placeholder {font-size: 16rem;} 
    ::-moz-placeholder {font-size: 16rem;} 
    :-ms-input-placeholder {font-size: 16rem;} 

    /* CHECK BOX */
    .custom-radio__wrap {margin-top:20rem;}

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* BUTTON */
    .btn-wrap.center {margin-top:60rem;}
    .btn-basic {padding-top:12rem; padding-bottom:12rem; max-width:50%; font-size: 14rem;}
    html.ios .btn-basic {padding-bottom:14rem;}

    /* CHECK BOX  */
    .custom-radio__wrap {margin-top:14rem;}
    .custom-radio {font-size:14rem;}
    .custom-checkbox {font-size:14rem;}
    .custom-checkbox .checkmark {width:18rem; height:18rem;}

    /* FORM */
    .form-field-item + .form-field-item {margin-top:10rem;}
    .form-label {margin-bottom:6rem;}
    .form-input {height:50rem; font-size:14rem; padding-left:18rem; padding-right:18rem;}
    textarea.form-input {padding: 14rem 18rem;}

    /* SCROLL */
    .scrollbar-inner .scroll-element.scroll-y {right:0;}

}