/* 노트북 */
@media only screen and (max-width:1600px){
    .side_banner_section{
        display: none;
    }
}

/* 테블릿 */
@media only screen and (max-width:1400px){
    /* 왼쪽메뉴 */
    /* .page_title{
        width: calc(100vw * (190/ 1400));
        margin: calc(100vw * (10/ 1400)) 0 calc(100vw * (10/ 1400)) 0;
        font-size: calc(100vw * (14/ 1400));
    } */

    /*------------------ 푸터 ---------------------------*/
    footer{
        width: 100%;
        height: calc(100vw * (340/ 1400));
        background-color:#24282B;
        margin-top: calc(100vw * (100/ 1400));
        color: #fff;
    }
    
    .footer_top{
        border-bottom: 1px solid #ccc;
    }
    
    .footer_top nav{
        width: calc(100vw * (600/ 1400));
    }
    
    .footer_top .depth{
        display: flex;
        justify-content: space-between;
        font-size: calc(100vw * (14/ 1400));
    }
    
    .footer_top .list{
        padding-top: calc(100vw * (10/ 1400));
        padding-bottom: calc(100vw * (10/ 1400));
    }
    
    .footer_bottom{
        display: flex;
    }
    
    .company_info{
        width: calc(100vw * (1000/ 1400));
    }
    
    .company_info h3{
        margin-top: calc(100vw * (50/ 1400));
        font-size: calc(100vw * (16/ 1400));
    }
    
    .company_info p{
        margin-top: calc(100vw * (10/ 1400));
        font-size: calc(100vw * (13/ 1400));
    }
    
    .company_info span{
        padding: 0 calc(100vw * (25/ 1400)) 0 0;
        position: relative;
        display: inline-block;
    }
    
    .company_info span:not(:first-child)::after{
        content: "";
        position: absolute;
        top: calc(100vw * (1/ 1400));
        left: calc(100vw * (-15/ 1400));
        width: calc(100vw * (2/ 1400));
        height: calc(100vw * (13/ 1400));
        background-color: #fff;
    }
    
    .company_info h4{
        margin-top: calc(100vw * (35/ 1400));
    }
    
    .copyright_info{
        width: calc(100vw * (300/ 1400));
        text-align: right;
    }
    
    .copyright_info img{
        margin-top: calc(100vw * (140/ 1400));
    }
    
    .copyright_info p{
        font-size: calc(100vw * (13/ 1400));
        margin-top: calc(100vw * (20/ 1400));
    }
    /*-------------------------- 메인 콘텐츠--------------------- */

    .contents_section{
        width: calc(100vw * (1100/ 1400));
        padding: calc(100vw * (40/ 1400)) calc(100vw * (30/ 1400)) 0 calc(100vw * (30/ 1400));
    }

    /* 탑배너 */
    .top_banner{
        width: 100%;
        height: calc(100vw * (350/ 1400));
        background: url("/assets/img/policy_banner.png")no-repeat center center;
        background-size: cover;
    }

    .top_banner h4{
        font-size: calc(100vw * (40/ 1400));
        padding: calc(100vw * (250/ 1400)) 0 0 calc(100vw * (40/ 1400));
    }

    /* 문단헤드 */
    .list_box_wrap .head{
        padding:calc(100vw * (50/ 1400)) calc(100vw * (50/ 1400)) calc(100vw * (30/ 1400)) calc(100vw * (50/ 1400));
        font-size: calc(100vw * (21/ 1400));

    }

    .head p{
        font-size: calc(100vw * (16/ 1400));
        margin-top: calc(100vw * (10/ 1400));
    }

    /* 문단 */
    .list_box{
        padding: calc(100vw * (40/ 1400));
    }

    .list_box .depth{
        font-size: calc(100vw * (17/ 1400));
    }

    .list_box .list p{
        padding: calc(100vw * (10/ 1400)) 0;
    }

    /* 개인정보처리방침 내용 */

    .article_wrap{
        padding: calc(100vw * (50/ 1400));
    }

    .article_wrap>.depth>.list{
        margin-bottom: calc(100vw * (50/ 1400));
    }

    .article_wrap .title{
        font-size: calc(100vw * (21/ 1400));
        margin-bottom: calc(100vw * (40/ 1400));
    }

    .article_wrap .title h4{
        font-size: calc(100vw * (21/ 1400));
    }

    .article_wrap .title h5{
        font-size:calc(100vw * (17/ 1400));
    }

    .substance{
        margin-bottom: calc(100vw * (10/ 1400));
    }

    .substance p{
        font-size: calc(100vw * (15/ 1400));
    }

    .substance p:last-child{
        margin-left: calc(100vw * (5/ 1400));
    }

    .article_wrap .title h5{
        margin-top: calc(100vw * (50/ 1400));
    }

    .substance_wrap b{
        margin-bottom: calc(100vw * (20/ 1400));
        font-size: calc(100vw * (18/ 1400));
    }

    .margin_bottom{
        margin-bottom: calc(100vw * (40/ 1400));
    }

    .substance_head{
        font-size: calc(100vw * (21/ 1400));
        margin-top: calc(100vw * (40/ 1400));
    }

    .substance_head h5{
        padding: calc(100vw * (10/ 1400)) 0;
    }

    .substance_box{
        padding: calc(100vw * (40/ 1400));
    }

    .substance_box p{
        font-size: calc(100vw * (15/ 1400));
    }

}

/* 모바일 */
@media only screen and (max-width:800px){
    /*------------------ 사이드배너 ---------------------------*/

    .side_banner_section{
        display: none;
    }

    /*------------------ 서버 컨텐츠 ---------------------------*/

    .privacy_policy_page>.wrap_inner{
        display: block;
    }

    /* 왼쪽메뉴 */

    .page_title{
        display: none;
    }

    /*-------------------------- 메인 콘텐츠--------------------- */

    .contents_section{
        width: calc(100vw * (378/ 428));
        padding: 0;
    }

    /*-------------------------개인정보처리방침 -----------------------*/

    /* 탑배너 */
    .top_banner{
        width: 100%;
        height: calc(100vw * (250/ 428));
        background: url("/assets/img/policy_banner.png")no-repeat center center;
        background-size: cover;
    }

    .top_banner h4{
        font-size: calc(100vw * (28/ 428));
        font-weight: normal;
        font-family: 'nanumgothicM';
        padding: calc(100vw * (180/ 428)) 0;
    }

    .list_box_wrap{
        width: 100%;
    }

    /* 문단헤드 */
    .list_box_wrap .head{
        padding:calc(100vw * (50/ 428)) 0 calc(100vw * (30/ 428)) 0;
        font-size: calc(100vw * (17/ 428));
        font-weight: normal;
        font-family: 'nanumgothicM';
    }

    .head p{
        font-size: calc(100vw * (15/ 428));
        margin-top: calc(100vw * (10/ 428));
    }

    /* 문단 */
    .list_box{
        padding: calc(100vw * (20/ 428));
    }

    .list_box .depth{
        display: block;
        font-size: calc(100vw * (15/ 428));
    }

    .list_box .list p{
        padding: calc(100vw * (10/ 428)) 0;
        font-weight: normal;
        font-family: 'nanumgothicM';
    }
    
    /* 개인정보처리방침 내용 */

    .article_wrap{
        padding: calc(100vw * (50/ 428)) 0;
    }

    .article_wrap>.depth>.list{
        margin-bottom: calc(100vw * (30/ 428));
    }

    .article_wrap .title{
        font-size: calc(100vw * (18/ 428));
        font-weight: normal;
        font-family: 'nanumgothicM';
        margin-bottom: calc(100vw * (20/ 428));
    }

    .article_wrap .title h4{
        font-size: calc(100vw * (18/ 428));
        font-weight: normal;
        font-family: 'nanumgothicM';
    }

    .article_wrap .title h5{
        font-size: calc(100vw * (15/ 428));
    }

    .substance{
        display: flex;
        margin-bottom: calc(100vw * (10/ 428));
    }

    .substance p{
        font-size: calc(100vw * (14/ 428));
    }

    .substance p:last-child{
        margin-left: calc(100vw * (5/ 428));
    }

    .article_wrap .title h5{
        margin-top: calc(100vw * (20/ 428));
    }

    .substance_wrap b{
        margin-bottom: calc(100vw * (20/ 428));
        font-size: calc(100vw * (15/ 428));
    }

    .margin_bottom{
        margin-bottom: calc(100vw * (20/ 428));
    }

    .article_wrap .sec_depth{
        display: block;
    }

    .article_wrap .sec_depth .list{
        width: 100%;
    }

    .substance_head{
        width: 100%;
        font-size: calc(100vw * (21/ 428));
        margin-top: calc(100vw * (40/ 428));
    }

    .substance_head h5{
        padding: calc(100vw * (10/ 428)) 0;
    }

    .article_wrap .sec_depth .list:first-child .substance_head{
        border-right: none;
    }

    .substance_box{
        border: 1px solid #2C47E4;
        padding: calc(100vw * (10/ 428));
    }

    .substance_box p{
        font-size: calc(100vw * (15/ 428));
    }

    /*------------------ 푸터 ---------------------------*/
    
    footer{
        height: calc(100vw * (650/ 428));
        margin-top: calc(100vw * (30/ 428));
    }
   
    .mobile_footer .footer_logo{
        width: calc(100vw * (170/ 428));
        height: calc(100vw * (100/ 428));
        margin: 0 auto;
    }

    .mobile_footer .footer_logo img{
        width: 100%;
        height: calc(100vw * (30/ 428));
        margin-top: calc(100vw * (60/ 428));
    }
    
    .mobile_footer nav .top .depth,
    .mobile_footer nav .bottom .depth{
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }

    .mobile_footer nav .top .depth{
        width: calc(100vw * (290/ 428));
        margin-top: calc(100vw * (40/ 428));
    }

    .mobile_footer nav .bottom .depth{
        width: calc(100vw * (180/ 428));
        margin-top: calc(100vw * (20/ 428));
    }

    .mobile_footer nav a{
        font-size: calc(100vw * (14/ 428));
    }

    .mobile_footer .company_info,
    .mobile_footer .service_info{
        text-align: center;
    }
    
    .company_info{
        width: 100%;
    }
    
    .company_info h3{
        margin-top: calc(100vw * (50/ 428));
        font-size: calc(100vw * (16/ 428));
    }

    .company_info h4{
        font-size: calc(100vw * (13/ 428));
        margin-top: calc(100vw * (10/ 428));
    }
    
    .company_info p{
        margin-top: calc(100vw * (10/ 428));
        font-size: calc(100vw * (13/ 428));
    }
    
    .company_info span{
        padding-right: calc(100vw * (25/ 428));
        font-size: calc(100vw * (13/ 428));
        line-height: 200%;
    }

    .company_info span:not(:first-child)::after{
        top: calc(100vw * (6/ 428));
        left: calc(100vw * (-15/ 428));
        width: calc(100vw * (1/ 428));
        height: calc(100vw * (13/ 428));
    }
    
    .after_none::after{
        display: none;
    }

    .service_info{
        margin-top: calc(100vw * (25/ 428));
    }

    .service_info h4{
        font-size: calc(100vw * (16/ 428));
    }

    .service_info h5{
        font-size: calc(100vw * (24/ 428));
    }

    .service_info h4, .service_info h5,
    .service_info p{
        margin-top: calc(100vw * (10/ 428));
    }

    .service_info p{
        line-height: 140%;
        font-size: calc(100vw * (13/ 428));
    }
}