@charset "UTF-8";
@media all and (min-width:361px) and (max-width:400px){html{font-size: 16px;}}
@media all and (min-width:401px) and (max-width:440px){html{font-size: 18px;}}
@media all and (min-width:441px) and (max-width:500px){html{font-size: 20px;}}
@media all and (min-width:501px) and (max-width:570px){html{font-size: 22px;}}
@media all and (min-width:571px) and (max-width:640px){html{font-size: 23.5px;}}
@media all and (min-width:641px) and (max-width:700px){html{font-size: 26px;}}
@media all and (min-width:701px) and (max-width:780px){html{font-size: 28px;}}
@media all and (min-width:781px) and (max-width:1200px){body{}}
@media all and (max-width:780px){
.web{display: none !important;}
.mobile{display: block !important;}
}
/*
@media (min-aspect-ratio:16/9){
    .s01{max-height:none; max-width:100%;}
}
*/

@media all and (min-width:1024px) and (max-width:1279px){
    
}

@media all and (min-width:768px) and (max-width:1023px){

}

/******agreements******/
@media all and (min-width:510px) and (max-width:1279px){
    #agm .agm_title{padding: 2.5rem 0;}
    #agm .agm_table_outer{width: 70%; padding: 0 5rem; margin:0 auto;}
}

@media all and (min-width:575px) and (max-width:795px){
    #agm .agm_title{padding: 2rem 0; font-size: 1.8rem;}
    #agm .agm_table_outer{width: 85%; padding: 0 3rem; margin:0 auto;}
    #agm .agm_table_outer .agm_table{font-size: 1rem;}
    #agm .agm_table a:hover {background:#fff;}
}

@media all and (min-width:510px) and (max-width:574px){
    #agm .agm_title{padding: 2rem 0; font-size: 1.8rem;}
    #agm .agm_table_outer{width: 90%; padding: 0 2rem; margin:0 auto;}
    #agm .agm_table_outer .agm_table{font-size: 1rem;}
    #agm .agm_table a:hover {background:#fff;}
}

@media all and (min-width:480px) and (max-width:509px){
    #agm .agm_title{padding: 2rem 0; font-size: 1.3rem;}
    #agm .agm_table_outer{width: 90%; padding: 0 2rem; margin:0 auto;}
    #agm .agm_table_outer .agm_table{font-size: 1rem;}
    #agm .agm_table a:hover {background:#fff;}
}

@media all and (min-width:375px) and (max-width:479px){
    #agm .agm_title{padding: 2rem 0; font-size: 1.3rem;}
    #agm .agm_table_outer{width: 90%; padding: 0 1rem; margin:0 auto;}
    /*#agm .agm_table_outer .agm_table{font-size: 0.9rem; border-spacing: 15px 15px;}*/
    #agm .agm_table_outer .agm_table{font-size: 0.9rem;}
    
    #agm .agm_table td, th {
    padding: 1rem 1rem 1rem 0.9rem;
    border-radius: 100px;
    /*text-align: center;*/
    }
    #agm .agm_table a:hover {background:#fff;}
}

@media all and (max-width:374px){
    #agm .agm_title{padding: 2rem 0; font-size: 1.3rem;}
    #agm .agm_table_outer{width: 94%; padding: 0; margin:0 auto;}
    /*#agm .agm_table_outer .agm_table{font-size: 0.9rem; border-spacing: 15px 15px;}*/
    #agm .agm_table_outer .agm_table{font-size: 0.9rem;}
    
    #agm .agm_table td, th {
    padding: 1rem 1rem 1rem 0.9rem;
    border-radius: 100px;
    }
    #agm .agm_table a:hover {background:#fff;}
}


/******terms******/
/******privacy******/
/******service_location******/
@media all and (min-width:796px) and (max-width:1279px){
    
}

@media all and (min-width:575px) and (max-width:795px){
    .titleArea {margin: 0 auto; padding:2.5rem;}
    .t1_title {font-size:1.5rem;}
    .pv1_title {font-size:1.5rem;}   /*privacy.html*/
    .sl1_title {font-size:1.5rem;}   /*service_location.html*/
    .xans-mall {padding: 0 1.5rem 3rem 1.5rem;}
    .ec-base-box {width: 96%;}
    .agree {padding: 1rem;}
    .label_text {font-size: 14px;}
    .label_text span {font-size: 16px;}
}

@media all and (min-width:510px) and (max-width:574px){
    .titleArea {margin: 0 auto; padding:2.5rem;}
    .t1_title {font-size:1.5rem;}
    .pv1_title {font-size:1.5rem;}   /*privacy.html*/
    .sl1_title {font-size:1.5rem;}   /*service_location.html*/
    .xans-mall {padding: 0 1.5rem 3rem 1.5rem;}
    .ec-base-box {width: 96%;}
    .agree {padding: 1rem;}
    .label_text {font-size: 14px;}
    .label_text span {font-size: 16px;}
}

@media all and (min-width:480px) and (max-width:509px){
    .titleArea {margin: 0 auto; padding:2.5rem;}
    .t1_title {font-size:1.5rem;}
    .pv1_title {font-size:1.5rem;}   /*privacy.html*/
    .sl1_title {font-size:1.5rem;}   /*service_location.html*/
    .xans-mall {padding: 0 1.5rem 3rem 1.5rem;}
    .ec-base-box {width: 96%;}
    .agree {padding: 1rem;}
    .label_text {font-size: 14px;}
    .label_text span {font-size: 16px;}
}

@media all and (min-width:375px) and (max-width:479px){
    .titleArea {margin: 0 auto; padding:2.5rem;}
    .t1_title {font-size:1.5rem;}
    .pv1_title {font-size:1.5rem;}   /*privacy.html*/
    .sl1_title {font-size:1.5rem;}   /*service_location.html*/
    .xans-mall {padding: 0 1.5rem 3rem 1.5rem;}
    .ec-base-box {width: 96%;}
    .agree {padding: 1rem;}
    .label_text {font-size: 14px;}
    .label_text span {font-size: 16px;}
}

@media all and (max-width:374px){
    .titleArea {margin: 0 auto; padding:2.5rem;}
    .t1_title {font-size:1.5rem;}
    .pv1_title {font-size:1.5rem;}   /*privacy.html*/
    .sl1_title {font-size:1.5rem;}   /*service_location.html*/
    .xans-mall {padding: 0 1.5rem 3rem 1.5rem;}
    .ec-base-box {width: 96%;}
    .agree {padding: 1rem;}
    .label_text {font-size: 14px;}
    .label_text span {font-size: 16px;}
}


@media (min-width: 1400px){
    .inq_title {max-width: 1320px;}
    }

@media all and (min-width:575px) and (max-width:795px){
     /**inquery.php-css**/
    .inq_container {width: 100%; height: auto; padding: 1rem; margin: 0 auto;}
    .inq_container .form-horizontal {width: 80%; height: 100%; margin: 0 auto;}
    .inq_container .form-horizontal .row {font-size: 1rem;}
    .inq_container .form-horizontal .row .form-select {padding: 1rem; font-size: 0.5rem; font-weight: 600; margin-bottom: 1rem;}
    .inq_container .form-horizontal .inq_btn {padding: 2rem 0.3rem 4rem 0.3rem;}
    .inq_container .form-horizontal .inq_btn button{font-size: 1.1rem;}

    .inq1_title {font-size:1.5rem; font-weight: 600; padding: 2rem 0.5rem;}

    /*#insForm .row .form-control{padding: 0.5rem 0.8rem;}*/

    /**inquery.php-css : select box 관련**/
    .select_outer {padding: 0 0 1rem 0; width: 100%;}

    /* 셀렉트 영역 스타일 */
    .select span {font-size: 1.1rem;}

    /* 옵션 영역 스타일 */
    .select ol{
        font-size: 1.1rem;
    }
    .select ol li{
        font-size: 1.1rem;
        font-weight: 400;
    }

}

@media all and (min-width:510px) and (max-width:574px){
     /**inquery.php-css**/
    .inq_container {width: 100%; height: auto; padding: 1rem; margin: 0 auto;}
    .inq_container .form-horizontal {width: 80%; height: 100%; margin: 0 auto;}
    .inq_container .form-horizontal .row {font-size: 1rem;}
    .inq_container .form-horizontal .row .form-select {padding: 1rem; font-size: 0.5rem; font-weight: 600; margin-bottom: 1rem;}
    .inq_container .form-horizontal .inq_btn {padding: 2rem 0.3rem 4rem 0.3rem;}
    .inq_container .form-horizontal .inq_btn button{font-size: 1.1rem;}

    .inq1_title {font-size:1.5rem; font-weight: 600; padding: 2rem 0.5rem;}

    /*#insForm .row .form-control{padding: 0.5rem 0.8rem;}*/

    /**inquery.php-css : select box 관련**/
    .select_outer {padding: 0 0 1rem 0; width: 100%;}

    /* 셀렉트 영역 스타일 */
    .select span {font-size: 1.1rem;}

    /* 옵션 영역 스타일 */
    .select ol{
        font-size: 1.1rem;
    }
    .select ol li{
        font-size: 1.1rem;
        font-weight: 400;
    }

}

@media all and (min-width:480px) and (max-width:509px){
     /**inquery.php-css**/
    .inq_container {width: 100%; height: auto; padding: 1rem; margin: 0 auto;}
    .inq_container .form-horizontal {width: 80%; height: 100%; margin: 0 auto;}
    .inq_container .form-horizontal .row {font-size: 1rem;}
    .inq_container .form-horizontal .row .form-select {padding: 1rem; font-size: 0.5rem; font-weight: 600; margin-bottom: 1rem;}
    .inq_container .form-horizontal .inq_btn {padding: 2rem 0.3rem 4rem 0.3rem;}
    .inq_container .form-horizontal .inq_btn button{font-size: 1.1rem;}

    .inq1_title {font-size:1.5rem; font-weight: 600; padding: 2rem 0.5rem;}

    /*#insForm .row .form-control{padding: 0.5rem 0.8rem;}*/

    /**inquery.php-css : select box 관련**/
    .select_outer {padding: 0 0 1rem 0; width: 100%;}

    /* 셀렉트 영역 스타일 */
    .select span {font-size: 1.1rem;}

    /* 옵션 영역 스타일 */
    .select ol{
        font-size: 1.1rem;
    }
    .select ol li{
        font-size: 1.1rem;
        font-weight: 400;
    }

}

@media all and (min-width:375px) and (max-width:479px){
     /**inquery.php-css**/
    .inq_container {width: 100%; height: auto; padding: 1rem; margin: 0 auto;}
    .inq_container .form-horizontal {width: 80%; height: 100%; margin: 0 auto;}
    .inq_container .form-horizontal .row {font-size: 1rem;}
    .inq_container .form-horizontal .row .form-select {padding: 1rem; font-size: 0.5rem; font-weight: 600; margin-bottom: 1rem;}
    .inq_container .form-horizontal .inq_btn {padding: 2rem 0.3rem 4rem 0.3rem;}
    .inq_container .form-horizontal .inq_btn button{font-size: 1.1rem;}

    .inq1_title {font-size:1.5rem; font-weight: 600; padding: 2rem 0.5rem;}

    /*#insForm .row .form-control{padding: 0.5rem 0.8rem;}*/

    /**inquery.php-css : select box 관련**/
    .select_outer {padding: 0 0 1rem 0; width: 100%;}

    /* 셀렉트 영역 스타일 */
    .select span {font-size: 1.1rem;}

    /* 옵션 영역 스타일 */
    .select ol{
        font-size: 1.1rem;
    }
    .select ol li{
        font-size: 1.1rem;
        font-weight: 400;
    }

}

@media all and (max-width:374px){
     /**inquery.php-css**/
    .inq_container {width: 100%; height: auto; padding: 1rem; margin: 0 auto;}
    .inq_container .form-horizontal {width: 86%; height: 100%; margin: 0 auto;}
    .inq_container .form-horizontal .row {font-size: 1rem;}
    .inq_container .form-horizontal .row .form-select {padding: 1rem; font-size: 0.5rem; font-weight: 600; margin-bottom: 1rem;}
    .inq_container .form-horizontal .inq_btn {padding: 2rem 0.3rem 4rem 0.3rem;}
    .inq_container .form-horizontal .inq_btn button{font-size: 1.1rem;}

    .inq1_title {font-size:1.5rem; font-weight: 600; padding: 2rem 0.5rem;}

    /*#insForm .row .form-control{padding: 0.5rem 0.8rem;}*/

    /**inquery.php-css : select box 관련**/
    .select_outer {padding: 0 0 1rem 0; width: 100%;}

    /* 셀렉트 영역 스타일 */
    .select span {font-size: 1.1rem;}

    /* 옵션 영역 스타일 */
    .select ol{
        font-size: 1.1rem;
    }
    .select ol li{
        font-size: 1.1rem;
    }

}

/******survey******/
@media all and (min-width:480px) and (max-width:767px){
    .s01 .hd_pc_01{display:none;}
    .s01 .hd_m_01{display:block;}
    .s02 .hd_pc_02{display:none;}
    .s02 .hd_m_02{display:block;}
}

@media all and (max-width:479px){
    .s01 .hd_pc_01{display:none;}
    .s01 .hd_m_01{display:block;}
    .s02 .hd_pc_02{display:none;}
    .s02 .hd_m_02{display:block;}
}