@media all and (max-width:1400px){

}

@media all and (max-width:1024px){
    .wrap{padding-left: 16px; padding-right: 16px;}
    .doc_top{padding: 50px 16px 30px;}
    .ips_item.fst{width: calc(50% - 10px);}
    .ips_item.snd{width: calc(50% - 10px);}
    .ips_item.trd{width: calc(50% - 10px);}
    .ftwrap{padding: 50px 16px;}
    .mypage_gnb{width: 150px;}
}

@media all and (max-width:768px){
    .mhdwrap{display: block;}
    .hdwrap{display: none;}
    .bdywrap{padding-top: 50px; padding-bottom: 100px;}

    /*footer*/


    /*login*/
    .loginwrap{padding: 30px 50px;}
    .login_logo{margin: 50px 0 30px;}
    .loginwrap h3{margin-bottom: 30px; font-size: 20px;}
    .login_input input{max-width: 100%; height: 40px; padding: 15px;}
    .join_phone button{height: 40px;}
    .li_select select{height: 40px;}
    .join_confirm{margin-top: 30px; height: 40px;}
    .join_confirm button{height: 100%;}
    .login_gojoin span{display: inline-block; width: 100%; margin-bottom: 5px;}
    
    /*index*/
    .index section{padding: 50px 0;}
    .idxm{font-size: 24px;}
    .idx_sub{font-size: 14px; word-break: keep-all; line-height: 1.3;}
    .idx_sub span{font-size: 18px;}
    .mmb_contain{height: auto !important;}
    .tdswiper{height: auto;}
    .ips_item{width: 100%; height: auto; padding: 20px 10px;}
    .ips_item.fst, .ips_item.snd, .ips_item.trd{width: 100%;}
    
    .ipsi_no{font-size: 18px;}
    .ips_item span{font-size: 14px;}
    .ip_stepwrap li{gap: 10px;}
    

    /*board*/
    .title{padding: 100px 0;}
    .title h3{font-size: 24px;}
    .boardwrap{margin-top: 50px;}
    .titledoc{margin: 30px auto 0;}
    .dmd_btnwrap{display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
    .dmd_btn{width: 30%; min-width: 160px;}
    .dmd_btn:not(:last-child){margin-right: 0;}
    .board_th span{font-size: 14px;}
    .board_td .bo_modify .bo_modifybtn{width: 60px;}
    .board_td .bo_request3 button, .board_td .bo_request3 span{width: 60px; height: auto; word-break: keep-all;}
    .bo_date{max-width: 100px;}
    .bo_name, .bo_fee{max-width: 90px;}
    .bo_request{max-width: 80px;}
    .bo_modify, .bo_not_modify{max-width: 80px;}

    .mypagewrap{flex-direction: column; align-items: center; row-gap: 30px;}
    .mypage_gnb{position: relative; width: 100%; max-width: 500px;}
    .mg_contain{width: 100%; display: flex;}
    .mgbtn{font-size: 14px;}
    .account-box {padding: 15px; gap: 10px; flex-wrap: wrap; border-top: none;}
    .account-box span {display: flex;}
    .account-box span b {margin-left: 3px;}

}

@media all and (max-width:440px){
    
    .login_input p{font-size: 14px;}
    .login_contain li:not(:last-child){margin-bottom: 20px;}

    .doc_top{padding: 30px 16px 20px;}
    .dm_txt{padding: 30px 20px; font-size: 14px;}

    .titledoc li{max-width: 80%;}

    /*mgnb*/
    .m_gnbtn a{font-size: 14px;}
    .mgbtn{padding: 10px 0; font-size: 12px;}

    /*footer*/
    .ftwrap{padding: 30px 16px;}
    .ftlogo img{max-height: 25px;}
    .ft_gnb li button{font-size: 14px;}
    .ft_gnb li a{font-size: 14px;}
    .ft_gnb li:not(:last-child){margin-right: 20px;}
    .ft_gnb li:not(:last-child)::after{right: -10px;}
    .ft_doc{text-align: center;}
    .ft_doc span{font-size: 12px;}
    .ft_doc span:last-child{font-weight: 300;}
    .ft_modal{padding: 30px; width: 80%; font-size: 14px;}
    

    /*index*/
    .mmb_name span:first-child{font-size: 14px;}
    .mmb_name span:last-child{font-size: 18px;}
    .ipsi_btn{display: block;}
    .ipsi_btn span{font-size: 12px; padding: 3px 7px;}
    

    /*board*/
    .dmd_btn{width: 47%; min-width: 0;}
    .title{padding: 80px 0;}
    .title h3{font-size: 18px;}
    .board_contain{border-top: 1px solid #d9d9d9;}
    .board_contain li{border-bottom: 1px solid #d9d9d9; flex-wrap: wrap; height: auto; position: relative; padding: 5px 0;}
    .board_contain li div{text-align: left; padding: 10px;}
    .board_th{display: none !important;}
    .bo_date{max-width: 100%;}
    .bo_date span{font-weight: 600;}
    .bo_date::before{content: 'Date. '; font-size: 14px; color:#9d9d9d; vertical-align: top;}
    .bo_name{max-width: 50%;}
    .bo_name, .bo_num{max-width: 50%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
    .bo_fee{max-width: 50%;}
    .bo_fee::before{content: '수수료 : '; font-size: 14px; color:#9d9d9d; vertical-align: top;}
    .bo_pay{max-width: 50%;}
    .bo_pay::before{content: '상태 : '; font-size: 14px; color:#9d9d9d; vertical-align: top;}
    .bo_modify, .bo_not_modify{position: absolute; right: 0px; top: 15px; padding: 0 !important;}
    .bo_request3{max-width: 100%;}
    .bo_request{max-width: 50%;}
    .board_td .bo_modify .bo_modifybtn{height: auto; padding: 7px; display: inline;}
    .board_td .bo_request3 button, .board_td .bo_request3 span{width: 100%; border-radius: 3px;}

    .cu_title h3{font-size: 18px;}
    .cu_title p{font-size: 14px; margin-bottom: 30px;}
    
    .bo_write a{width: 60px;}
    .board_one .bo_date{max-width: 60%; position: absolute; right: 0; top: 5px;}
    .board_one .bo_date p{display: inline-block; width: calc(100% - 40px); font-weight: 600;}
    .board_one .bo_date span {margin-left: 5px;}
    .board_one .bo_no{max-width: 50%;}
    .board_one .bo_no span{font-weight: 500;}
    .board_one .bo_no::before{content: 'No. '; color:#9d9d9d; font-size: 14px; font-weight: 300; vertical-align: top;}
    .board_one .bo_name{border-top: 0; border-bottom: 0;}
    .board_one .bo_title {border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 15px 10px;}
    .board_one .bo_title span a{font-weight: 600;}
    
    .board_write{padding: 0 16px;}
    .writebtn{max-width: 100%; text-align: center;}
    .write_cancle, .write_confirm{width: calc(50% - 5px);}

    .bv_top{flex-direction: column; padding: 10px ;}
    .bv_date{flex-direction: row-reverse; height: auto;}
    .bvd_day{font-weight: 700; font-size: 14px; margin-left: 5px; margin-bottom: 0; color:#9d9d9d;}
    .bv_date::after{content: none;}
    .bv_title{font-size: 18px; text-align: center; padding: 10px 0;}
    .bv_name::after{content: none;}
    .bvn_n{display: none;}
    .bvn_user{font-size: 14px; font-weight: 500;}
    .bv_answer{font-size: 14px; padding: 30px 20px;}
    .bv_back{padding: 30px;}
    .bv_back a{font-size: 14px; height: 40px; line-height: 40px; width: 100%;}
    
    .file-box label button{font-size: 14px; min-width: auto; min-width: 80px; width: auto;}
    .file-box input{padding: 0 15px; font-size: 14px;}
    .file-box .file-del{font-size: 14px;}

    .bo_not_data{padding: 30px 0 !important;}
    .account-box {padding: 15px 10px; flex-direction: column; gap: 10px; align-items: start;}
    .account-box span {flex-direction: row;}
    .bo_file {justify-content: flex-start;}
    
}